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 相关文章推荐
js几个不错的函数 $$()
Oct 09 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
Nov 20 Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
详解Vue之事件处理
Jul 10 Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 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
DIY实用性框形天线
2021/03/02 无线电
信用卡效验程序
2006/10/09 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
javascript模拟命名空间
2015/04/17 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
简单的三步vuex入门
2018/05/20 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
Python实现CET查分的方法
2015/03/10 Python
Python中按键来获取指定的值
2019/03/02 Python
通过cmd进入python的实例操作
2019/06/26 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
如何学习Python time模块
2020/06/03 Python
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
应届生骨科医生求职信
2013/10/31 职场文书
专业技术职务聘任书
2014/03/29 职场文书
保护环境演讲稿
2014/05/10 职场文书
事业单位鉴定材料
2014/05/25 职场文书
机关作风建设工作总结
2014/10/23 职场文书
维稳承诺书
2015/01/20 职场文书
房屋所有权证明
2015/06/19 职场文书