Python学习-day17 jQuery method and demo

一：介绍：

jQuery:是DOM和js的封装。jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。现在大多数的pc端的网站都是在使用jQuery。

使用版本：1.12兼容大多数的浏览器。2.x版本不支持IE9以下的。

参考中文文档：http://jquery.cuishifeng.cn/

二：查找

　　a:选择器

　　b:筛选器

三：操作（operation）

　　a:css操作。

　　b:属性的操作。

　　c：文本操作。

四：事件

　　优化。

五：扩展

　　添加函数

　　form表单验证。

六：Ajax:

　　偷偷发请求。

注意：1：在jQuery中element（元素）的意思就是标签（lable）。

　　　2：调用jQuery可以用：$.xxx ;jquery.xxx；2种方式。我们采用第一种省略模式。$.xxx　

　　　3：jQuery对象转换成dom对象：$(this)[0] dom对象可以consolog.log()输出，输出的是对应的元素信息。而jQuery对象也可以进行输出但是输出的内容是对象信息。

　　　4：jQuery的方法都是第2个单词首字符大写！jQueryreplaceWith,addClass.......

（一）查找：确定我们要操作的标签的位置。

a:选择器：

和CSS中的选择器类似。注意的是:选择器都是放在字符串内（''）。比如：$('#id');$('div')

code：

 1 <div id="li"  class="li">
 2     <a>sdsd</a>
 3 </div>
 4 <div id="lm" class="lc">
 5     <div>
 6         <span>ddd</span>
 7     </div>
 8 </div>
 9 <span>
10     <a>dd</a>
11 </span>

a: 选择器：针对单个标签进行查找。

#id：id选择器。

1 $('#li')
2 [<div id=​"li" class=​"li">​aa​</div>​]

element：元素选择器。即标签选择器。

1 $('span');
2 [<span>​ddd​</span>​, <span>​…​</span>​<a>​dd​</a>​</span>​]

class选择器：注意的是这里不是类名。

1 $('.lc');
2 [<div id=​"lm" class=​"lc">​…​</div>​]

组合选择器：注意这个是多个选择器组合，然后结果求并集。并且是用逗号（，）分开选择器。这个比较常用。

1 $('div,.lc');
2 [<div id=​"li" class=​"li">​aa​</div>​, <div id=​"lm" class=​"lc">​…​</div>​, <div>​…​</div>​<span>​ddd​</span>​</div>​]

b:针对多个标签查找。

层级选择器：注意元素（标签）之间是用空格隔开。在对应标签内，查找所有子子孙孙中查找匹配对应的标签。

1 $('div span');
2 [<span>​ddd​</span>​]

parent>child：是在对应的父标签下下的儿子标签查找子标签。

标签：

1 <span id="ln">
2 <a>dd</a>
3 <span><a>dd</a></span>
4 </span>

结果：

1 $('#ln >a');
2 [<a>​dd​</a>​]

层级选择器和父子选择器的区别：

1     <div>
2         <a>
3             <h1>OK</h1>
4         </a>
5         <span>
6             <a>FUCK</a>
7         </span>
8     </div>

jQuery代码：

1 $("div > a")
2 $("div a")

结果：

1 1 [<a><h1>OK</h1></a>]
2 2 [<a><h1>OK</h1></a>,<a>FUCK</a>]

总结：层级选择器：在父标签内的所有匹配的标签，也就是在子子孙孙中去找对应匹配的标签。

　　　parent>child选择器：在父标签的儿子中匹配的子标签！！！

lable1+lable2:匹配label1后面第一个标签。

1 $('#lm + span');
2 [<span>​…​</span>​]

lable1 ~ lable2  匹配 lable1元素之后的所有兄弟元素（lable2）。

1 $('#lm ~  span')
2 [<span>​…​</span>​]

b)筛选器：

:first ：匹配的元素集合中的第一个元素。

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

1 $('li:first')
2 [<li>​list item 1​</li>​]

:not(selector)匹配的元素不包含某个元素。注意：selector是去除元素。

1 <div>
2     <a>a</a>
3     <span>dd</span>
4 </div>

不可以这么用：

1 $('div:not(span)')

如果想匹配div下面的a元素：注意通过层级选择器找到我们想要的结果。

1 $('div a');//有空格。
2 [<a>​a​</a>​]
3 $('div :not(span)');//空格
4 [<a>​a​</a>​]

一般和表单属性联合使用：

表单对象属性：

:disable

:enable

:checked

:selected

1 <input type="radio" name="a" checked="checked"/>
2 <input  name='a' type="radio" />
3 <select>
4     <option selected="selected">大连</option>
5     <option>北京</option>
6 </select>

代码：

1 $('option:not(:selected)')
2 [<option>​北京​</option>​]
3 $('input:not(:checked)')
4 [<input name=​"a" type=​"radio">​]

:even：索引值为偶数的元素匹配。odd：索引值是基数的匹配。

1 <ul>
2     <li>4</li>
3     <li>3</li>
4     <li>2</li>
5     <li>1</li>
6 </ul>

1 [<li>​4​</li>​, <li>​3​</li>​, <li>​2​</li>​, <li>​1​</li>​]
2 $('ul li:even')
3 [<li>​4​</li>​, <li>​2​</li>​]

索引基数匹配：

1 $('ul li:odd')
2 [<li>​3​</li>​, <li>​1​</li>​]

:eq()索引值的匹配。

1 [<li>​4​</li>​, <li>​3​</li>​, <li>​2​</li>​, <li>​1​</li>​]
2 $('ul li:eq(0)')
3 [<li>​4​</li>​]

和方法:eq()效果一样。

1 $('ul li')
2 [<li>​4​</li>​, <li>​3​</li>​, <li>​2​</li>​, <li>​1​</li>​]
3 $('ul li').eq(0)
4 [<li>​4​</li>​]

筛选器：

eq()方法。上面已经介绍，如果参数为正数表示正向查找，负数为反向查找。注意的是：负数的时候是从-1开始。

first()匹配第一个元素用eq就可以解决。eq（0）

last()匹配元素集合里的最后一个。eq(-1)

1     <ul>
2         <li>4</li>
3         <li>3</li>
4         <li>2</li>
5         <li class="a">1</li>
6     </ul>

1 $('ul li').first()
2 [<li>​4​</li>​]
3 $('ul li').eq(0)
4 [<li>​4​</li>​]
5 $('ul li').last()
6 [<li class=​"a">​1​</li>​]
7 $('ul li').eq(-1)
8 [<li class=​"a">​1​</li>​]

hasClass(classname)匹配集合是否存在相应的class。返回的是bool值。

1     <ul>
2         <li>4</li>
3         <li>3</li>
4         <li>2</li>
5         <li class="a">1</li>
6     </ul>

1 $('ul li').hasClass("a")
2 true

children():查找匹配的元素的子元素。类似于parent>child但是有区别parent>child只能匹配child对应的子标签。而children()方法没有这个差异。

1 <div class="OK">
2     <span>a</span>
3     <a>aa</a>
4     <span>d</span>
5 </div>

1 $('.OK').children()
2 [<span>​a​</span>​, <a>​aa​</a>​, <span>​d​</span>​]
3 $('.OK > span')
4 [<span>​a​</span>​, <span>​d​</span>​]

find() 从匹配中的元素进行查找。这个函数是找出正在处理的元素的后代元素的好方法。参数为元素或者一个用于匹配元素的jQuery对象或者DOM元素

1 <div class="OK">
2     <span>a</span>
3     <a>aa</a>
4     <span  class="b">d</span>
5 </div>

1 $('div').find($('.b'))
2 [<span class=​"b">​d​</span>​]
3 $('div').find('.b')
4 [<span class=​"b">​d​</span>​] 

next() 取得一个包含匹配的元素集合中每个元素的紧邻的后面同辈元素集合。这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素（可以使用nextAll）。可以用一个可选的表达式进行筛选。

1 <div class="OK">
2     <span class="c">a</span>
3     <a>aa</a>
4     <a>bb</a>
5     <span  class="b">d</span>
6 </div>

1 $('.c').nextAll('a')
2 [<a>​aa​</a>​, <a>​bb​</a>​]
3 $('.c').next('a')
4 [<a>​aa​</a>​]

nextUntil(参数)查找当前元素之后所有的同辈元素，知道遇到匹配的那个元素为止。如果有参数，参数可以是元素（标签），或者jQuery对象。返回值是包括当前元素，到匹配到参数的元素停止，但是不包含

参数元素。

1 <div class="OK">
2     <span class="c">a</span>
3     <a>aa</a>
4     <a>bb</a>
5     <span  class="b">d</span>
6     <h1>test</h1>
7 </div>

不包含h1标签以及当前元素<span class="c"><span/>的所有同一级的元素数组集合。

1 $('.c').nextUntil('h1')
2 [<a>​aa​</a>​, <a>​bb​</a>​, <span class=​"b">​d​</span>​]

同样：

paren()查找当前元素唯一父元素的数组集合，结果是父元素（标签）以及父元素下面所有元素的集合。

1 <div class="OK">
2     <span class="c">a</span>
3     <a>aa</a>
4     <a>bb</a>
5     <span  class="b">d</span>
6     <h1>test</h1>
7 </div>

1 $('.c').parent()
2 [<div class=​"OK">​…​</div>​]

注意的是：匹配唯一父元素以及父元素包含的子子孙孙元素的集合。

parents():匹配所有的当前元素的父元素的集合。不包含根元素。

 1     <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div class="OK">
 9     <span class="c">a</span>
10     <a>aa</a>
11     <a>bb</a>
12     <span  class="b">d</span>
13     <h1>test</h1>
14 </div>
15 <script src="jquery-1.12.4.js"></script>
16 </body>
17 </html>

aaarticlea/png;base64,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" alt="" />注意没有：<!DOCTYPE html>

parentUntil(参数) 和nextUntil()类似。也是直到匹配到参数元素停止，返回所有经历的父元素 不包含匹配的参数元素！！！

prev()匹配当前元素前一个紧邻的同辈元素。和next()相反。

1 <div class="OK">
2     <span class="c">a</span>
3     <a>aa</a>
4     <a>bb</a>
5     <span  class="b">d</span>
6     <h1>test</h1>
7 </div>

1 $('.b').prev()
2 [<a>​bb​</a>​]

1 $('.b').prevAll()
2 [<a>​bb​</a>​, <a>​aa​</a>​, <span class=​"c">​a​</span>​]

1 $('.b').prevUntil('span')
2 [<a>​bb​</a>​, <a>​aa​</a>​]

注意：prevUntil(参数) 和之前的nextUntil(参数)是一样。遍历当前元素之前元素，直到匹配到参数元素为止，不包含匹配的元素和当前元素的所有遍历元素的集合。

很重要的一个筛选器：

属性筛选器：

[attribute=val]：匹配相应的元素（标签）的属性值是否等于val。这个很常用。单个表示查找包含该属性的元素，2个值得时候，如果该属性对存在的话，返回元素的集合的数组。

1 <input  name='a'  type="radio"/>
2 <input  name='c'  type="radio"/>
3 <input  name='c'  type="radio" checked="checked"/>
4 <input name="f" type="text"/>

匹配input标签中name=a的标签。

1 $('input[name=a]')
2 [<input name=​"a" type=​"radio">​]
3 $('input[checked=checked]')

这个是查询。

c：属性值得设置：

attr() 查看元素的属性设置：

1 <body>
2 <div class="ok" id="li">ok</div>
3 <script src="jquery-1.12.4.js"></script>
4 </body>

1 $('div').attr('id')
2 "li"
3 $('div').attr('class')//查看属性值
4 "ok"
5 $('div').attr('class','ko')//设置属性值
6 [<div class=​"ko" id=​"li">​ok​</div>​]

注意：如果参数是一个 是查看匹配当前元素的属性值，如果是参数是2个，是修改某个属性值。如上。

removeAttr()删除某个属性值。

1 $('div').removeAttr('class')
2 [<div id=​"li">​ok​</div>​]

注意：这个和addclass 和removeclass 是有区别:

removeAttr()是删除整个属性，而removeclass()方法是去掉class中的一个css样式，而且是如果当前元素有多个样式的时候，可以保留剩下的，

而removeAttr()确是把整个属性值删除掉。

d：CSS类操作：

addclass()添加样式；

removeclass()删除样式：

1 $('div').addClass('m')
2 [<div class=​"ok m" id=​"li">​ok​</div>​]
3 $('div').removeClass('m')
4 [<div class=​"ok" id=​"li">​ok​</div>​]

d:html 代码、文本、值

1 <body>
2 <div class="cc" id="li"> <a>ko</a>ok</div>
3 <input type="text" value="ok"/>
4 <script src="jquery-1.12.4.js"></script>
5 </body>

1 $('input').val()
2 "ok"
3 $('div').html()
4 " <a>ko</a>ok"
5 $('div').text()
6 " kook"

当使用这些方法的时候，如果不加入参数的时候，是查询功能。

区别：

html ()：匹配的当前元素包含的html标签以及文本内容。

text()：只是读取文本的内容。

val()： 是读匹配的当前元素内设置的value值。

当使用这些方法的时候。参数不为空的时候，对匹配的元素的内容进行修改。

aaarticlea/png;base64,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" alt="" />

aaarticlea/png;base64,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" alt="" />

aaarticlea/png;base64,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" alt="" />效果:aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAAA1CAIAAAArqVvgAAACZUlEQVR4nO3bobaiUBSA4f0WRKORONFoJBonEo0+ApFINLJMRuKNRuKdZjQSiecGRwfxgIAIbOb/EsJxS/gX6yyXigF0krFvAOiIdqEV7UIr2oVWtAutaBda9dmuiIiUB8pNjx8EmAHavV/q8YMAM9iegXbRO9qFVnVJSUHpzPPL+n0t7aJ3lUmVaiv22mRZ/TTgfXXtlhQvlQ6eLzU8D3TW9LlrvUS7GFH3dq0LaBeDab3ftb7sfB7orN33DMVLNYtLm+OaOUBnxAStaBda0S60srd7AA6HgVtsq7Ldge8DUzP9BmgXdtNvgHZhN/0GaBd202/gRbt5GnkLEfGTP7EnwalqzKXqapbl9QswUdrbzRJfvPj8eow9ze9o5RCsUtrbbfy0tC88BcLDVivd7cbe7VcIwalYZ55Gm6UjslgH+/B69hJ7souT7Xoh4iw3UZqby/3ttwXByVwP/CgurqyYiVHpbvfhcXo/zBLf8aLvzBhzjjfOvzSlcNYNU/Pw3H1o92mldSZGNcN2s8SX7Vf+d2Eauvd2N8eLeXxXVbvllfaZGNUM233c2VrPvmy3vNI+E6OaY7vHTeEZed6v+mjXOhOjmmG71fvd53bT0JVdg3bZ707QHNstfCfgRceobs+Qp+HKEfGT7EW71pkYlfZ2X0pDd7U/93c7n5qJ1ubYbho47u4rM8aYS7J1r9+GvekTM/GeObZr8jT6/WshIs5yvT2ee7mNT8zEW2bZLv4L02+AdmE3/Qb4vxoqDdxiW/xPGFrRLrSiXWhFu9CKdqEV7UIr2oVWtAutaBda0S60ol1o9QMBPWuvkA0KAgAAAABJRU5ErkJggg==" alt="" />

注意：

在所有的操作中，都是针对匹配当前元素的标签‘’包裹‘’的内容替换成我们参数的内容。

对于val()加内容的时候。修改当前文本框显示的值，而不是默认值。默认值是不变的。如上显示。

我们可以进行属性的查看和设置。这里用到jQuery的prop()方法。单个是匹配查询，2个值进行属性值的修改。查询匹配的元素是第一个，返回该属性的值不是数组。如果不指定单个元素（标签），进行属性值的设置的时候，会对所有匹配的标签进行属性值的设置的。

一般进行属性值的设置。

1 <input  name='a'  type="checkbox"/>
2 <input  name='c'  type="radio"/>
3 <input  name='c' id='u'  type="radio" checked="checked"/>
4 <input name="f" type="text"/>

1 $('input').prop('type')
2 "checkbox"

1 $('input').prop('type','radio')
2 [<input name=​"a" type=​"radio">​, <input name=​"c" type=​"radio">​, <input name=​"c" type=​"radio" checked=​"checked">​, <input name=​"f" type=​"radio">​]

如上是key/value形式对元素的修改，即：prop(key,value)

1 $('input[type=radio]').prop('type','text')
2 [<input name=​"c" type=​"text">​, <input name=​"d" id=​"u" type=​"text" checked=​"checked">​]

左侧多级菜单，点击菜单内容显示反之隐藏。

code：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         .menu{
 8             width: 200px;
 9             position: fixed;
10             left:0;
11             top:0;
12             bottom: 0;
13             background-color:lightgrey;
14         }
15         .menu2{
16             background-color: #0066FF;
17             color: #E6E6FA;
18             margin: 0;
19             height: 40px;
20             line-height: 40px;
21             border: solid 1px gray;
22         }
23         .hide{
24             display: none;
25         }
26         p{
27             text-align: center;
28         }
29         .b{
30             overflow: auto;
31         }
32     </style>
33 </head>
34 <body>
35     <div class="menu">
36         <div class="body">
37             <p class="menu2" onclick="showmen(this)">菜单一</p>
38             <div class="hide b">
39             <p>内容一</p>
40             <p>内容一</p>
41             <p>内容一</p>
42             </div>
43         </div>
44         <div class="body">
45             <p class="menu2" onclick="showmen(this)">菜单二</p>
46             <div class="hide b">
47             <p>内容二</p>
48             <p>内容二</p>
49             <p>内容二</p>
50             </div>
51         </div>
52         <div class="body">
53             <p class="menu2" onclick="showmen(this)">菜单三</p>
54             <div class="hide b">
55             <p>内容三</p>
56             <p>内容三</p>
57             <p>内容三</p>
58             </div>
59         </div>
60     </div>
61     <script src="jquery-1.12.4.js"></script>
62     <script>
63         function showmen(obj){
64             $(obj).next().removeClass('hide');
65             $(obj).parent().siblings().find('.b').addClass('hide');
66         }
67     </script>
68 </body>
69 </html>

效果：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0AAAEECAIAAAAj4KYeAAAGTElEQVR4nO3dXY7aShRFYUabcTDHzIFB9EvuQySE/FM+p2xu7zTf0lIEpkzS0VIV5RZwu9/vt19/yAu93+9/znHTJS9Xl0xUl0xUl0xUl0xUl0xUl0xUl20fj6/DI4cPDU7hTZcTtrqcGM+bLos+Hl91N0/fvM09ddm2Pv9NFMy/6vIaD6fJw7t8VZenHM9/upxWlw27C7F1fFpd9tzbwZxcx0/uq36eumzb2vfU7/JVXc5rHX+fuqx6fpEVYl1dzvi3sNc/62exoi7bPvNa33gdYx9zRl02XGS03lAfnv7tP8K/oi5LVi6b7w0bjOeeupy325ku6+qSieqSieqSieqSieqSieqSieqSieqSieqSieqSieqSieqSiV7TJXA5ukQiF3T57dM+f5i6ZKK6ZKK6ZKK6ZKK6ZKK6ZKK6ZKK6ZKK6ZKK6ZKK6ZKK6bFv/vODBQz4TZqwu27a6nBjPmy6Lnvw8y8NvCOBCXbZtfe5/q2Cf4PpUl9d4OE0e3uWrujzl4fxXv8tXddmwu7Bal6fVZc/B56uPBx/e5au6bNva99Tv8lVdzmsdf5+6rHr+y3iEWFeXMz5839mb1WXbZ17rG69jWr8f6o7/8eqy4SKLxe3Ky81v/xH+FXVZsnLZfG/YYDz31OW83c50WVeXTFSXTFSXTFSXTFSXTFSXTFSXTFSXTFSXTFSXTFSXTFSXTPSaLoHLOdvlb+AN6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6HKS263xs7cG47cup+mmJs0Wupxk3NmtzP/2D/630GWJbmTF4BanKPiJLkussxgcGQe6OQwLdFmi1eXmkYnZ9JPRZYmJLtchSrOOLktsNjcIce+4HIvossRegofNVSZarNFliUF/e/uYwSb6A/fXXXRZYryJXizrz+zGF33UOUCXJTZfUB4+WnnFiU10WaJS0nSXh1fUFxPtJ6DLEm/tEmt0WWJc0mAd//BpbxpdljgsabAfmng26BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6BKJ6HKS1nshvHGiiy4n6aYmzRa6nOTwHZLeD34GXZboRlYMbnGKgp/ossQ6i8GRcaCbw7BAlyVaXW4emZhNPxldlpjoch2iNOvossRmc4MQ947LsYguS+wleNhcZaLFGl2WGPS3t48ZbKI/cH/dRZclxpvoxbL+zG580UedA3RZYvMF5eGjlVec2ESXJSolTXd5eEV9MdF+Aros8dYusUaXJcYlDdbxD5/2ptFlicOSBvuhiWeDLpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILpGILidpvRfCGye66HKSbmrSbKHLSQ7fIen94GfQZYluZMXgFqco+IkuS6yzGBwZB7o5DAt0WaLV5eaRidn0k9FliYku1yFKs44uS2w2Nwhx77gci+iyxF6Ch81VJlqs0WWJQX97+5jBJvoD99dddFlivIleLOvP7MYXfdQ5QJclNl9QHj5aecWJTXRZolLSdJeHV9QXE+0noMsSb+0Sa3RZYlzSYB3/8GlvGl2WOCxpsB+aeDboEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEonoEomc7fIOvIELurz9+kNeqC6ZqC6ZqC6ZqC6ZqC6ZqC6ZqC6ZqC6ZqC6ZqC6ZqC6ZqC7bPh5fh0cOHxqcwpsuJ2x1OTGeN10WfTy+6m6evnl74q/49v+K/0ddtq3PfyKbVpfXeDhNHt7lq7o85Xj+0+W0umzYXYit49PqsufeDuaSdVzHT3XZtrXvqd/lq7qc1zr+PnVZ9fz1RSHW1eWMfwt7/bN+Fivqsu0zr/WN1zFnfj9EXTZcZLS4XXm5OX5mHT/VZcnKZfO9YYPx3FOX83Y702VdXTJRXTJRXTJRXTJRXTJRXTJRXTJRXTJRXTJRXTJRXTJRXTLRa7oELudsl9/9fW34megSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiegSiZzs8j9Lrx+ZsqnX4AAAAABJRU5ErkJggg==" alt="" />

注意：

1：在绑定事件的时候，执行函数的时候，出入this参数，this参数为当前操作dom对象元素。

2：可以将this参数转换成jQuery对象$(this)

3：jQuery对象转换成dom对象，$(this)[0]

4：dom对象可以进行输出。

5：匹配所有的兄弟对象的时候，可以用find匹配我们想要操作的对象！！！

6：至于在调用函数的时候。是否传入this 当前操作dom元素，建议传入。因为在函数操作的时候，this是动态变化的对象，如果不用具体的arg来指之前的操作的dom元素的话，容易出错！！！！！！！！！！！！！！

对于全选、取消、反选实现：

匿名函数执行方式：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         .but{
 8            margin-left: 15px;
 9         }
10     </style>
11 </head>
12 <body>
13 <div>
14     <input class="but" type="button" value="全选" onclick="SelectAll()">
15     <input class="but" type="button" value="取消" onclick="CancleAll()">
16     <input class="but" type="button" value="反选" onclick="Revers(this)">
17 </div>
18 <table border="1px">
19     <thead>
20     <tr>
21         <th>number</th>
22         <th>hostname</th>
23         <th>IP</th>
24         <th>port</th>
25     </tr>
26     </thead>
27     <tbody>
28     <tr>
29         <td class="a"><input type="checkbox"></td>
30         <td>c1.com</td>
31         <td>172.17.33.75</td>
32         <td>22</td>
33     </tr>
34     <tr>
35         <td class="a"><input type="checkbox"></td>
36         <td>c2.com</td>
37         <td>172.17.33.74</td>
38         <td>22</td>
39     </tr>
40     <tr>
41         <td class="a"><input type="checkbox"></td>
42         <td>c3.com</td>
43         <td>172.17.33.73</td>
44         <td>22</td>
45     </tr>
46     </tbody>
47 </table>
48 <script src="jquery-1.12.4.js"></script>
49 <script>
50     function SelectAll(){
51         $('input[type=checkbox]').prop('checked',true)
52     }
53     function CancleAll(){
54         $('input[type=checkbox]').prop('checked',false)
55     }
56     function Revers(){
57         $('input[type=checkbox]').each( function(){
58             if ($(this).prop('checked')){//this是动态指当前匹配操作元素。此时的this是指上面的$('input{type-checkbox}')匹配的元素，不是上面函数Revers（）绑定事件的标签。
59             $(this).prop('checked',false)
60             }else {
61             $(this).prop('checked',true)
62         }
63         })
64     }
65 //    function f1(ths){
66 //        if ($(ths).prop('checked')){
67 //            $(ths).prop('checked',false)
68 //        }else {
69 //            $(ths).prop('checked',true)
70 //        }
71 //    }
72 </script>
73 </body>
74 </html>

注意：

在jQuery中如果匹配的元素是一个数组集合的话。对其进行相同操作的时候，不用进行内部的元素的循环，jQuery 内部帮助我们进行循环操作了。并加上我们要进行的操作。

比如：$('div').addClass('ok')

$('div')是一个元素的集合的话，我们不需要进行for循环内部的元素进行addClass（'ok'）的操作。默认jQuery帮我们实现了。

如果想对元素的集合进行每个操作的话，可以用each(function(i))来实现for循环。其中的function(i)  i是这个元素集合($('div')的数组集合的索引。

不用匿名函数，普通函数执行方式：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         .but{
 8            margin-left: 15px;
 9         }
10     </style>
11 </head>
12 <body>
13 <div>
14     <input class="but" type="button" value="全选" onclick="SelectAll()">
15     <input class="but" type="button" value="取消" onclick="CancleAll()">
16     <input class="but" type="button" value="反选" onclick="Revers(this)">
17 </div>
18 <table border="1px">
19     <thead>
20     <tr>
21         <th>number</th>
22         <th>hostname</th>
23         <th>IP</th>
24         <th>port</th>
25     </tr>
26     </thead>
27     <tbody>
28     <tr>
29         <td class="a"><input type="checkbox"></td>
30         <td>c1.com</td>
31         <td>172.17.33.75</td>
32         <td>22</td>
33     </tr>
34     <tr>
35         <td class="a"><input type="checkbox"></td>
36         <td>c2.com</td>
37         <td>172.17.33.74</td>
38         <td>22</td>
39     </tr>
40     <tr>
41         <td class="a"><input type="checkbox"></td>
42         <td>c3.com</td>
43         <td>172.17.33.73</td>
44         <td>22</td>
45     </tr>
46     </tbody>
47 </table>
48 <script src="jquery-1.12.4.js"></script>
49 <script>
50     function SelectAll(){
51         $('input[type=checkbox]').prop('checked',true)
52     }
53     function CancleAll(){
54         $('input[type=checkbox]').prop('checked',false)
55     }
56     function Revers(){
57         $('input[type=checkbox]').each(
58                 f1($('input[type=checkbox]'))
59         );
60     }
61     function f1(ths){
62         if (ths.prop('checked')){
63             ths.prop('checked',false)
64         }else {
65             ths.prop('checked',true)
66         }
67     }
68 </script>
69 </body>
70 </html>

注意：

1：this  是dom元素。也可以理解是匹配到的标签，他是动态的对象，他因匹配的对象不同，值代表元素标签也不一样。

aaarticlea/png;base64,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" alt="" />

方法：clone()需要注意！！！！！！

需求：当我们需要复制一些输入框的时候，做相同的操作的时候，代码是一样，如果重复复制html代码，对于我们来说增加代码。没有什么意义。用jQuery的clone方法来进行。

 1 <div>
 2     <p>
 3     <a onclick="add(this)">+</a>
 4     <input type="text"/>
 5     </p>
 6 </div>
 7 <script src="jquery-1.12.4.js"></script>
 8 <script>
 9     function add(ths){
10         var p=$(ths).parent().clone();
11         p.find('a').text('-');
12         p.find('a').attr('onclick','remove(this)');
13         $(ths).parent().parent().append(p);
14     }
15     function remove(ths){
16         $(ths).parent().remove()
17     }
18 </script>

效果：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAACBCAIAAACzXLMMAAACRElEQVR4nO3d0WnEQABDQfffiatMCohySYxgc2KmAHMYPfxxrH19AF9cp38A/EfCgEAYEAgDAmFAIAwIhAGBMCCohXHDfbfmdFwzjNaleFNLGxAGNUsbEAY1SxsQBjVLG/g5jOv6VTxLN4VnljYgDGqWNiAMapY2IAxqljbw7eiv5MWFlm4KzyxtwBODmqUNCIOapQ0Ig5qlDQiDmqUN+OebmqUNCIOapQ0Ig5qlDQiDmqUNCIOapQ0Ig5qlDTjzTVNrTsd5SwgEwoBAGBAIAwJhQCAMCIQBgTAgEAYEwoBAGBAIAwJhQCAMCIQBgTAgcFCJptacjnO0lZqlDQiDmqUNCIOapQ0Ig5qlDQiDmqUNCIOapQ0Ig5qlDQiDmqUNvArjT9+nXLopPLO0AU8MapY2IAxqljYgDGqWNiAMapY2IAxqljYgDGqWNiAMapY2IAxqljYgDGqWNiAMapY24Mw3Ta05HectIRAIAwJhQCAMCIQBgTAgEAYEwoBAGBAIAwJhQCAMCIQBgTAgEAYEwoDAQSWaWnM6ztFWapY2IAxqljYgDGqWNiAMapY2IAxqljYgDGqWNiAMapY2IAxqljbg45TULG3AE4OapQ0Ig5qlDQiDmqUNCIOapQ0Ig5qlDQiDmqUNCIOapQ0Ig5qlDQiDmqUNCIOapQ04801Ta07HeUsIBMKAQBgQCAMCYUAgDAiEAYEwIBAGBMKAQBgQCAMCYUAgDAiEAYEwIBAGBMKAQBgQCAMCYUAgDAiEAYEwIBAGBJ9lQ8A4/7VanAAAAABJRU5ErkJggg==" alt="" />

书写的过程中出现如下错误：

1 var p= $(ths).parent().clone();
2 p.parent().append(p)
3 console.log(p.parent()[0])

用克隆的副本来找父元素。结果返回的是undefined。

通过is来判断克隆副本是否为一个具有一个‘标记位置‘对象属性。

 1 <div>
 2     <p class="a">
 3         <a onclick="add(this)">+</a>
 4         <input type="text" />
 5     </p>
 6 </div>
 7     <script src="jquery-1.12.4.js"></script>
 8     <script>
 9         function add(ths){
10             var p= $(ths).parent().clone();
11             var p1=$('p');
12             var p2=$('.a');
13             if(p.is(p1)){
14                 console.log(1)
15             }else {
16                 console.log(2)
17             }
18         }
19     </script>

返回：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAABeCAIAAADwq3UYAAAMDUlEQVR4nO3d71Madx7A8f4N9/ge9fHN3ANnap3OzfDkeg/6KPck00VanVhatPHHREzAqK1BgjEGUqtxRGIcihYVjthqOXxQjV5DElLHWH81aJkooBhkQdEF5Lv34DtdKYLCQlwqn9fkgUH2Z3yzX3Zx8xZ9fmm12nclK2f8h+uNBn8ab3G9Am8QtAdyGbQH7QFuQHvQHuAGtAftAW6c8/YAyFnnvL1dAHIVtAcAN6A99my57Y1uO8gctMeezWbjehOTgvZyH7THHrQHMgHtsQftgUxAe+xBeyAT0N4Ro9EoEomMRmOKz4f2QCagvSMikYggCJFIlOLzoT2QCWjvCBz3wFmC9tg73h5C6JdffqmoqCgsLLx48eLz588RQtndKJPJZDKZTn0atJf7oD32jrf35MmT2tra3377LRqN7u7ums3mg4OD7G4UtHduQHtHMhxzejwesVjsdrvf6EZBe+cGtHckw3Mts7OzX3/99fFB5sHBQV9fH4/HKyoqamtr8/l8NE2bTCaNRvPFF1+89957MpksGAwihCwWy4ULFwoLC3t7e2ma9vl8bW1tRUVFPB6vr68PH0KZ9nw+340bN4qKii5evDg7Oxu3UGgv90F7RzI87n3//ffHj0gIob6+vs7OzoODg1AopNfrlUplJBIxmUwVFRVut3t3d1cikdhsNp/Pd+3ate3tbTxhKBSSy+VGozESiezv7yuVyqGhIfr39kKhUEdHx9zcHELI7XY3NTXt7OzELhfay33QHntx7T158kSj0cStw97enlwu39rawn/d2tqSSCQkScYOHZmcbt26defOnfX1dYTQ1taWXC7f29vDz1laWmppaaEoCj95a2vrww8/LPjdBx98sLa2FrtcaC/3QXvsxbW3vr4uFouZAxcW157X621ubg4EAsfbo2k6Go2urKw0NTX19vY6nc7Y9ux2+507d8LhMNNeU1NTIBBItu3QXu6D9o5kOObEw8vGxka3240Q8ng8JpNpf38/bsz54MEDhFDC9rBXr141NTV5vd7YMadKpZqYmKBjDpI3btzA30247dBe7oP2jmT+uZZIJPLdd99duHChoKDg008/XVxcpGk6GAyqVCoej8fj8VQqVTAYpP/YG/6aJMmKioqCggLm3InX662v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" alt="" />

所以克隆副本和我们的用选择器筛选的jQuery对象是不一样。所以不能用这个来指定我们想要的父元素。即使指定的话，出现的对话框，点击新生成的对话框，也会出现添加出来的效果也不是我们想要的。

1 注意：
2 1、在jQuery 1.4之前，clone()函数只额外复制元素的绑定事件，从1.4版本开始，才开始支持复制元素的附加数据。
3
4 2、1.5.0版本时(只有1.5.0)，参数withDataAndEvents的默认值被错误地设定为true，从1.5.1开始，其默认值才被改回false。