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 相关文章推荐
javascript 三种编解码方式
Feb 01 Javascript
jquery.AutoComplete.js中文修正版(支持firefox)
Apr 09 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
jQuery实现Tab菜单滚动切换的方法
Sep 21 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 Javascript
大白话讲解JavaScript的Promise
Apr 06 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
node.js调用C++函数的方法示例
Sep 21 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 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 array操作10个小技巧分享
2011/06/23 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
php读取mysql的简单实例
2014/01/15 PHP
PHP中变量引用与变量销毁机制分析
2014/11/15 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
js特殊字符转义介绍
2013/11/05 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
requireJS使用指南
2016/04/27 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
如何抽象一个Vue公共组件
2017/10/17 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
js模拟F11页面全屏显示
2019/09/17 Javascript
python中使用正则表达式的连接符示例代码
2017/10/10 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
python 提取文件指定列的方法示例
2019/08/07 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
python列表推导式操作解析
2019/11/26 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
Hotels.com印度:酒店预订
2019/05/11 全球购物
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
模具设计与制造专业应届生求职信
2013/10/18 职场文书
实习单位接收函模板
2014/01/10 职场文书
英语演讲稿3分钟
2014/04/29 职场文书
云南省召开党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
2016年党风廉政建设承诺书
2016/03/25 职场文书
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android
Tomcat配置访问日志和线程数
2022/05/06 Servers