当前位置: 代码迷 >> Web前端 >> Jquery入门学习篇-选择器(2)
  详细解决方案

Jquery入门学习篇-选择器(2)

热度:49   发布时间:2012-11-13 10:00:51.0
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()函数则说明操作的包装集为克隆的包装集。

?

?

  相关解决方案