位置: 编程技术 - 正文

jQuery 选择符详细介绍及整理(jquery选择器的使用)

编辑:rootadmin

推荐整理分享jQuery 选择符详细介绍及整理(jquery选择器的使用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery选择器的使用,jquery选择器的使用,jquery中的选择器,jquery 选择元素,jquery选择类,jquery 选择元素,jquery的选择器有哪些举例说明,jquery选择器函数以什么符号开头,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery 选择符

CSS选择符,

如:

$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。

$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。

jQuery库支持XPath选择符。

如:

$('a[@title]')为取得所有带title属性的链接。也可以不用@符号。

如:

$('div[ol]')为取得所以包含一个ol属性的div元素。当然,还允许以正则表达式中的^(开始)$(结尾)*(任意),

jQuery 选择符详细介绍及整理(jquery选择器的使用)

示例如下:

$('a[href^="mailto:"]')为取得所有电子邮件的链接。

$('a[href$=".rar"]')为取得所有指向RAR文件的链接。

$('a[href*="tao.com"]')为取得所有包含tao.com的链接。自定义选择符,

如:

$('div:eq(1)')为取得div元素集合中第2个项,注意为单个对象,其length为1。

$('div:nth-child(1)')为取得div元素集合中的所有第一个div,注意其为对象集合,稍后再详述。

$('tr:odd')为取得所有奇数行。

$('tr:even')为取得所有偶数行。

$('td:contains("hahaha")')为取得所有单元格包含hahaha的元素。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

jQuery图片轮播实现并封装(一) 利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。demo:

jquery点击展示与隐藏更多内容 先上效果图点击前点击后展开html代码divid="tips"class="center-block"h5class="tips_head"u遇到问题?/u/h5divclass="tips_content"olliCtrl+F5刷新本页面/lili关闭页面,重新加

jquery 多个radio的click事件实例 如下所示:divid="ImgRadio"style="float:left;width:px;"inputtype="radio"value="*"id="size1"name="size"checked="checked"/*inputtype="radio"value="*"id="size2"name="size"/*inputty

本文链接地址:https://www.jiuchutong.com/biancheng/376300.html 转载请保留说明!

上一篇:JQuery 动态生成Table表格实例代码(jquery动态设置css)

下一篇:jQuery图片轮播实现并封装(一)(jquery图片轮播无缝连接)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络