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 相关文章推荐
alert出数组中的随即值代码
Sep 25 Javascript
浅谈JavaScript中指针和地址
Jul 26 Javascript
JavaScript开发者必备的10个Sublime Text插件
Feb 27 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
canvas时钟效果
Feb 16 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
Vue基础学习之项目整合及优化
Jun 02 Javascript
js实现开关灯效果
Mar 30 Javascript
vue实现评论列表功能
Oct 25 Javascript
解决vue admin element noCache设置无效的问题
Nov 12 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中ADODB类详解
2008/03/25 PHP
浅谈PHP 闭包特性在实际应用中的问题
2009/10/30 PHP
PHP zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
2010/03/21 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
了解一下python内建模块collections
2020/09/07 Python
如何用python写个模板引擎
2021/01/14 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
Farfetch中文官网:奢侈品牌时尚购物平台
2020/03/15 全球购物
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
总裁岗位职责
2013/12/04 职场文书
销售团队激励口号
2014/06/06 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
阿凡达观后感
2015/06/10 职场文书
详解CSS故障艺术
2021/05/25 HTML / CSS
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python