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 相关文章推荐
ASP中Sub和Function的区别说明
Aug 30 Javascript
无缝滚动js代码通俗易懂(自写)
Jun 19 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
深入理解React高阶组件
Sep 28 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
Feb 22 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
利用Vue实现简易播放器的完整代码
Dec 30 Vue.js
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
$.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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
php代码审计比较有意思的例子
2014/05/07 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
bootstrap table服务端实现分页效果
2017/08/10 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
sharp.js安装过程中遇到的问题总结
2020/04/02 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
深入理解python多进程编程
2016/06/12 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
python 下载文件的多种方法汇总
2020/11/17 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
大四自我鉴定范文
2013/10/06 职场文书
营销专业应届生求职信
2013/11/26 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
同学会邀请函模板
2015/01/30 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
vue中 this.$set的使用详解
2021/11/17 Vue.js