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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
jQuery表格插件datatables用法总结
Sep 05 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
在小程序中集成redux/immutable/thunk第三方库的方法
Aug 12 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
Apr 30 Javascript
layui递归实现动态左侧菜单
Jul 26 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
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
javascript removeChild 使用注意事项
2009/04/11 Javascript
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
2018/08/24 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
JS相册图片抖动放大展示效果的示例代码
2021/01/29 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
Python jieba库用法及实例解析
2019/11/04 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
Java TransactionAPI (JTA) 主要包含几部分
2012/12/07 面试题
remote接口和home接口主要作用
2013/05/15 面试题
Ajax实现页面无刷新留言效果
2021/03/24 Javascript
网吧员工管理制度
2015/08/05 职场文书
2016十一国庆节感言
2015/12/09 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
创业计划书之酒店
2019/08/30 职场文书
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis