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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
JavaScript入门教程 Cookies
Jan 31 Javascript
jquery 多级下拉菜单核心代码
May 21 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
Apr 28 Javascript
jQuery简单获取键盘事件的方法
Jan 22 Javascript
基于jQuery实现的无刷新表格分页实例
Feb 17 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
js使用xml数据载体实现城市省份二级联动效果
Nov 08 Javascript
将Sublime Text 3 添加到右键中的简单方法
Dec 12 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
$.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读取RSS feed的代码
2008/08/01 PHP
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
JS获取Table中td值的方法
2015/03/19 Javascript
JS实现简单路由器功能的方法
2015/05/27 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
js通过classname来获取元素的方法
2016/11/24 Javascript
jQuery实现三级联动效果
2017/03/02 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
2020/02/20 Javascript
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
tensorflow 获取变量&amp;打印权值的实例讲解
2018/06/14 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
Python3+Appium安装及Appium模拟微信登录方法详解
2021/02/16 Python
瑜伽灵感珠宝:Satya Jewelry
2018/01/06 全球购物
建筑工程毕业生自我鉴定
2014/01/14 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
贷款担保书
2015/01/20 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
Linux安装Nginx步骤详解
2021/03/31 Servers
教你怎么用python selenium实现自动化测试
2021/05/27 Python
解决xampp安装后Apache无法启动
2022/03/21 Servers