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 相关文章推荐
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
JavaScript中的History历史对象
Jan 16 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
JavaScript 闭包详细介绍
Sep 28 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
Apr 01 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
如何对react hooks进行单元测试的方法
Aug 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
PHP面向对象编程快速入门
2006/10/09 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
Yii2框架数据验证操作实例详解
2018/05/02 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
jQuery Tools tab使用介绍
2012/07/14 Javascript
利用谷歌地图API获取点与点的距离的js代码
2012/10/11 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
2020/11/04 Javascript
使用原生javascript开发计算器实例代码
2021/02/21 Javascript
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
python实现神经网络感知器算法
2017/12/20 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
django框架模板语言使用方法详解
2019/07/18 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
Python实现实时数据采集新型冠状病毒数据实例
2020/02/04 Python
Python 统计位数为偶数的数字代码详解
2020/03/15 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
创业者是否需要商业计划书?
2014/02/07 职场文书
销售主管岗位职责
2014/02/08 职场文书
周年庆促销方案
2014/03/15 职场文书
计算机毕业生求职信
2014/06/10 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
2019各种保证书范文
2019/06/24 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS