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 相关文章推荐
json跟xml的对比分析
Jun 10 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
JS跨域总结
Aug 30 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
BootStrap文件上传样式超好看【持续更新】
May 10 Javascript
详解一个基于套接字实现长连接的express
Mar 28 Javascript
微信小程序中weui用法解析
Oct 21 Javascript
JavaScript布尔运算符原理使用解析
May 06 Javascript
vue实现评价星星功能
Jun 30 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
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
类似框架的js代码
2006/11/09 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
使用Math.max,Math.min获取数组中的最值实例
2017/04/25 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
Python自动连接ssh的方法
2015/03/07 Python
动态规划之矩阵连乘问题Python实现方法
2017/11/27 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
Python 转换文本编码实现解析
2019/08/27 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
Keras实现DenseNet结构操作
2020/07/06 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
浙大毕业生自荐信
2014/01/26 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
售后服务经理岗位职责范本
2014/02/22 职场文书
领导接待方案
2014/03/13 职场文书
公司委托书范本5篇
2014/09/20 职场文书
刑事申诉状范文
2015/05/20 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书