Jquery入门学习篇--选择器（二）

实验基于“Jquery入门学习篇--选择器（一）”中附件可以动手测试

 

Jquery自定义选择器：

1. $(":button")-----------------:button选择任何按钮，匹配input的type值为submit、reset、button或button

2. $(":checkbox")--------------:checkbox匹配所有复选框元素

3. $(":checked")----------------:checked匹配选中的复选框或者单选按钮

4. $("li:eq(1):contains(CSS1) ")--------:contains(text)匹配包含text文本的所有元素

5.类似还有:file、:disabled、:enabled、:radio、:visible、:selected、:password、:hidden等

 

not筛选器：

input:not(:text)------------------匹配所有input框的类型不为text的所有元素

 

size、get和index：

1.$("li").size()--------size()返回数组个数

2.$("li").get(n)--------------get(n)返回元素数组指定的个数 n从0开始 n  如果n为空则返回数组

3.$("li").index($("li a[href*=com]").get(0))----------逆推上面2得到$("li a[href*=com]").get(0)元素在$("li")元素下标位置

 

add()或关系  扩大包装集合：

$('img[alt]').add('img[title]')------取得img标签带有alt或者带有title的所有元素 等同于 $('img[alt],img[title]')

not()  缩小包装集合，与add()完成的功能相反。用filter()方法过滤同样可以达到该效果

 

 

clone()、end()

$('img').clone().appendTo('#divid').end().addClass('class')---匹配所有img并克隆得到新包装集追加到id为divid元素后，end()函数指回退到img所有元素，在原来的包装集上加薪的class样式，如果用end()函数则说明操作的包装集为克隆的包装集。