JQuery中$之选择器用法介绍


Posted in Javascript onApril 05, 2011

1.$。在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:
HTML代码
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />
jQuery 代码:
$("input[name$='letter']")
结果:
[ <input name="newsletter" />, <input name="jobletter" /> ]
2.!。选择器:[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value])。
例子说明一下:
HTML代码
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代码:
$("input[name!='newsletter']").attr("checked", true);
结果:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。选择器:[attribute*=value],匹配给定的属性是以包含某些值的元素。举个例子说明一下:
HTML 代码:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery 代码:
$("input[name*='man']")
结果:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即
可。
5.^。选择器:[attribute^=value],匹配给定的属性是以某些值开始的元素,下面举个例子来说明一下:
HTML 代码:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
jQuery 代码:
$("input[name^='news']")
结果:
[ <input name="newsletter" />, <input name="newsboy" /> ]

在jquery中,当使用$("input[name='metaId']“).val()不能直接获得被选择的radio的值,只是获得 radio标签的第一个值,这可能jquery使用xpath语言了进行查找有关,而我们通常是想获得被选中的radio的值,有以下几种方法:
1,使用$("input[name='metaId']:checked").val()获得 //name代表radio中name属性名
2,使用$(":radio:checked").val()获得 //限制页面只有一组radio标签

Javascript 相关文章推荐
jQuery LigerUI 使用教程表格篇(1)
Jan 18 Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
提高jQuery性能优化的技巧
Aug 03 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
自制简易打赏功能的实例
Sep 02 Javascript
Vue中正确使用jQuery的方法
Oct 30 jQuery
vue刷新页面时去闪烁提升用户体验效果的实现方法
Dec 10 Javascript
如何基于JS截获动态代码
Dec 25 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 #Javascript
Javascript 自适应高度的Tab选项卡
Apr 05 #Javascript
Ajax 数据请求的简单分析
Apr 05 #Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 #Javascript
jQuery的运行机制和设计理念分析
Apr 05 #Javascript
jQuery JSON的解析方式分享
Apr 05 #Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 #Javascript
You might like
smarty半小时快速上手入门教程
2014/10/27 PHP
PHP编程获取各个时间段具体时间的方法
2017/05/26 PHP
PHP使用函数用法详解
2018/09/30 PHP
javascript smipleChart 简单图标类
2011/01/12 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
React Router基础使用
2017/01/17 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
javascript实现滑动解锁功能
2017/03/22 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
2017/09/21 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
新手学python应该下哪个版本
2020/06/11 Python
python批量修改文件名的示例
2020/09/27 Python
html5时钟实现代码
2010/10/22 HTML / CSS
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
Spanx塑身衣官网:美国知名内衣品牌
2017/01/11 全球购物
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
房地产项目策划书
2014/02/05 职场文书
学习普通话的体会
2014/11/07 职场文书
2014年稽查工作总结
2014/12/20 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
利用Java连接Hadoop进行编程
2022/06/28 Java/Android
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android