jQuery难学是因为什么？

我们看别人写的js代码，发现很多不明白，其实只是你对语法不清楚。对函数方法了解的不全面。

/**************************************************************************************************************************************************************************************************************************************************************/

第一大类：取值赋值操作（返回值和设置值）

例如：$().css() 使用的是jq中的css（）方法。

　　　　如果你遇到，$(' ').css("background-color");里面只有一个css属性【background-color】，代表这句话的意思是返回该选择器下的背景色。

　　　　如果你遇到，$(' ').css("background-color"，“#888888”);里面有两个css属性【background-color，#888888】，代表这句话的意思是设置该选择器下的背景色的颜色值。

例如：$("#ID").attr();

　　　$("#ID").attr（‘attribute’）；取值

　　　$("#ID").attr（‘attribute’，‘value’）；设置值

【注意】：.css() 与 .attr() 的区别见网址：https://www.cnblogs.com/hfeng007/p/9143925.html

例如：$().text（）使用的是jq中的.text（）方法

　　　　text() 方法方法设置或返回被选元素的文本内容。

　　　　$().text（）:返回选择器选中的文本内容。

　　　　$().text（‘xxxx’）:覆盖替换选择器选中的文本内容。

例如：$().val() ：取值

$().val('XXX')：赋值

例如：$("#ID").html(); ：相当于取innerHTML

　　　$("#ID").html(""); ：相当于赋值给innerHTML

第二大类：属性操作

例如：$().not() 使用的是jq中的not（）方法

　　　　语法1：.not(selector) selector：选择器表达式

　　　　语法2：.not(element) element：一个或多个需要从匹配集中删除的 DOM 元素。

　　　　语法3：.not(function(index）） function（index）：用于检测集合中每个元素的函数。this 是当前 DOM 元素。

　　　　　　如果给定一个表示 DOM 元素集合的 jQuery 对象，.not() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所应用的选择器会检测每个元素；不匹配该选择器的元素会被包含在结果中。

　　　　　　　　　　请思考下面这个带有简单列表的页面：

　　　　　　　　　　　　　　<ul>
  　　　　　　　　　　　　　　　　<li>list item 1</li>
 　　　　　　　　　　　　　　　　 <li>list item 2</li>
 　　　　　　　　　　　　　　　　 <li>list item 3</li>
  　　　　　　　　　　　　　　　　<li>list item 4</li>
  　　　　　　　　　　　　　　　　<li>list item 5</li>
　　　　　　　　　　　　　　</ul>

　　　　　　　　我们可以向列表项集应用该方法：

　　　　　　$('li').not(':even').css('background-color', 'red');

例如：$().filter() 使用的是jq中的filter（）方法

　　　　与.not（）方法正好相反。

例如：$().click（）使用的是jq中的.click（）方法

jQuery难学是因为什么？

猜你喜欢