第二章 jQuery中的选择器

发布时间:2020-06-21 12:51:30 作者:彳亍的路人
来源:网络 阅读:289

第二章 jQuery中的选择器

1.jQuery选择器:①.基本选择器:(1)#id(根据给定的id匹配一个元素),

例如:$("#test")选取id为test的元素

(2).class(根据给定的类名匹配元素),


例如:$(".test")选取所有class为test的元素

(3).element 例:$("p")选取所有的元素


(4)* 例如:$("*")选取所有的元素


(5)selector1,selector2....selectorN


②.层次选择器:(1)空格(父元素以下的所有)

(2)> (父和子的直接关系)

(3)+ (下一个子元素的同级元素)

(4) ~(除开本身的同级元素)


③.过滤选择器:(1)基本过滤选择器 :first第一个元素 :last :even偶数

:odd奇数 :eq(Index)索引等于index的元素

:gt(index)索引大于index的元素等等


(2)内容过滤选择器 :contains(text)选取含有文本内容为"text"的 元素

:empty取不包含子元素或者文本的空元素

:has(selector)选择器所匹配的元素的元素


(3)可见性过滤选择器 :hidden选取所有不可见的元素

:visible选取所有不可见的元素


(4)属性过滤选择器 [attribute]取有此属性的元素 [attribute=value]选取属性值为value的元素

[attribute^value]取属性值为value开始的元素

[attribute$=value]取属性为value结束的元素

[attribute*=value]取属性值含有value的元素

[selector1][selector2][selectorN]合并成一 个复合选择器,满足多个条件,每选择一次,缩小 一次范围


(5)子元素过滤选择器 :nth-child(index/even/odd/equation)选取每 个父元素下的第index个子元素或者奇偶 元素(index从1开始)

:first-child选取每个父元素的第一个子元素 :last-child每个父元素的最后一个元素

:only-child有父元素才会被匹配,没有父元素 则不会被匹配


(6)表单对象选择器 :enable选取所有可用元素

:disabled选取所有不可用元素

:checked选取所有被选中的元素(单选框,复选框)

:selected选取所有被选中的选项元素(下拉列表)


④.表单选择器::input :text :password :radio :checkbox :submit :p_w_picpath :reset :button :file :hidden


2.选择器的优点:①.写法简单

②.支持css1到css3的选择器(60多种选择器)

③.完善的机制


3.window.onload 与 $(document).ready()比较:

window.onload $(document).ready()

(1)执行时间:等所有页面元素就绪 dom元素就绪就可以

(2)编写个数: only one 编写多个

(3)简化写法: 无 $(function(){ });


推荐阅读:
  1. 【书评:Oracle查询优化改写】第二章
  2. 第二章 Data Processing Using the DataStream API

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery 选择器 ue

上一篇:如何解决java中的url乱码问题

下一篇:ORACLE JET Basic Table Scrolling

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》