jQuery的选择器中的通配符使用介绍


Posted in Javascript onMarch 20, 2014

1.选择器
(1)通配符:

$("input[id^='code']");//id属性以code开始的所有input标签 
$("input[id$='code']");//id属性以code结束的所有input标签 
$("input[id*='code']");//id属性包含code的所有input标签

(2)根据索引选择
$("tbody tr:even"); //选择索引为偶数的所有tr标签 
$("tbody tr:odd"); //选择索引为奇数的所有tr标签

(3)获得jqueryObj下一级节点的input个数
jqueryObj.children("input").length;

(4)获得class为main的标签的子节点下所有<a>标签
$(".main > a");

(5)选择紧邻标签
jqueryObj.next("div");//获取jqueryObj标签的后面紧邻的一个div,nextAll获取所有

2.筛选器
//not 
$("#code input:not([id^='code'])");//id为code标签内不包含id以code开始的所有input标签

3.事件
//处理文本框上的键盘操作 
jqueryObj.keyup(function(event){ 
var keyCode = event.which;//获取当前按下键盘的键值,回车键为13 
}

4.工具函数
$('#someField').val($.trim($('#someField').val()));//消除空格,语法:$.trim(value)
Javascript 相关文章推荐
摘自百度的图片轮换效果代码
Nov 19 Javascript
javascript Excel操作知识点
Apr 24 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
Sep 26 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
vuex实现简易计数器
Oct 27 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
js轮播图无缝滚动效果
Jun 17 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
$.each与$().each的区别示例介绍
Mar 20 #Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 #Javascript
js图片延迟技术一般的思路与示例
Mar 20 #Javascript
可恶的ie8提示缺少id未定义
Mar 20 #Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 #Javascript
js拖拽一些常见的思路方法整理
Mar 19 #Javascript
使用jquery实现以post打开新窗口
Mar 19 #Javascript
You might like
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
Select标签下拉列表二级联动级联实例代码
2014/02/07 Javascript
js数组的基本操作(很全自己整理的)
2014/10/16 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
js对象的复制继承实例
2015/01/10 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
Python去除列表中重复元素的方法
2015/03/20 Python
python列表的常用操作方法小结
2016/05/21 Python
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
python实现淘宝秒杀脚本
2020/06/23 Python
浅谈keras通过model.fit_generator训练模型(节省内存)
2020/06/17 Python
华为的Java面试题
2014/03/07 面试题
军训自我鉴定
2013/12/14 职场文书
2014年班级工作总结范文
2014/12/23 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
幼儿园安全管理制度
2015/08/05 职场文书