亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

jQuery九類選擇器

標簽:
JQuery

jQuery选择器基本选择器

#id/标签名/样式名/选择器A,选择器B

jQuery层次选择器

*form input:查询form下所有input元素,含有后代关系form>input:查询form下所有input元素,有有父子关系,没有后代关系form+input:查询与form同级的第一个input元素,是兄弟关系form~input:查询与form同级的所有input元素,是兄弟关系

jQuery增强型基本选择器

:first:查询第一个元素:last:查询最后个元素:checked:查询选中的复选框:not(:checked):查询未选中的复选框:even:偶数:odd:奇数:eq():索引从0开始:gt():大于索引号:lt():小于索引号:header:查询所有<h1/2/3/4/5/6>标签 .css("key","value")为查询到的所有标签添加CSS样式

jQuery内容选择器

:contains('john'):表示包含指定字符串的标签,字符串大小写敏感:empty:表示查询空标签的元素:has('p'):表示查询有子元素的元素 .addClass("样式名"):为查询到的所有标签添加样式:parent:表示查询非空标签

jQuery可见性选择器
:hidden:表示查询所有隐蔽的标签
:visible:表示查询所有显示的标签
或:not(:hidden)

jQuery属性选择器

div[id]:表示查询含有id属性的div元素input[name='newsletter']:表示查询含有name属性,且其值是"newsletter"的input元素input[name!='newsletter:表示查询含有name属性,且其值不是"newsletter"的input元素input[name^='newsletter:表示查询含有name属性,且其值以"news"开头的input元素"input[name$='letter':表示查询含有name属性,且其值以"letter"结尾的input元素input[name*='news']::表示查询含有name属性,且其包含"news"的input元素input[id][name$='letter']:表示查询含有id属性,且含有name属性,其值以"letter"字符串结束的input元素

jQuery子元素选择器

:first-child:表示查询第一个子元素:last-child:表示查询最后一个子元素:only-child:表示查询只有一个子元素的元素:nth-child(编号从1开始),表示查询指定编号的元素

jQuery表单选择器

:input:查找所有input元素的个数,注:包含所有input,textarea,select和button元素:text:password:radio:checkbox:file:submit:reset:image:file

表单对象属性

:enabled:表示查询可用的元素:disabled:表示查询不可用的元素:checked:表示查询选中的复选/单选框的元素:selected:表示查询选中的下拉框元素

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消