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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
JS JSON对象转为字符串的简单实现方法
Nov 18 Javascript
jQuery操作元素css样式的三种方法
Jun 04 Javascript
如何改进javascript代码的性能
Apr 02 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
Aug 27 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
Vue脚手架编写试卷页面功能
Mar 17 Javascript
浅谈JavaScript中this的指向问题
Jul 28 Javascript
JS中箭头函数与this的写法和理解
Jan 14 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
第三节 定义一个类 [3]
2006/10/09 PHP
php的控制语句
2006/10/09 PHP
php程序之die调试法 快速解决错误
2009/09/17 PHP
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
Php Image Resize图片大小调整的函数代码
2011/01/17 PHP
php 启动报错如何解决
2014/01/17 PHP
Json_decode 解析json字符串为NULL的解决方法(必看)
2017/02/17 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
D3.js中强制异步文件读取同步的几种方法
2017/02/06 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
微信小程序实现轨迹回放的示例代码
2019/12/13 Javascript
jQuery实现飞机大战小游戏
2020/07/05 jQuery
vue实现路由懒加载的3种方法示例
2020/09/01 Javascript
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python模块结构与布局操作方法实例分析
2017/07/24 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
python与caffe改变通道顺序的方法
2018/08/04 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
详解Python3 pickle模块用法
2019/09/16 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
Python程序慢的重要原因
2020/09/04 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
幼儿园中秋节活动反思
2014/02/16 职场文书
三严三实学习心得体会(精选N篇)
2016/01/05 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技