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 相关文章推荐
js 判断文件类型并控制表单提交示例代码
Nov 14 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
Jan 27 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
详解vue身份认证管理和租户管理
May 25 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
织梦模板标记简介
2007/03/11 PHP
php动态生成JavaScript代码
2009/03/09 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
动态为事件添加js代码示例
2009/02/15 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
vue 2.0路由之路由嵌套示例详解
2017/05/08 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
vue弹出框组件封装实例代码
2019/10/31 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
Python深入学习之闭包
2014/08/31 Python
python实现给字典添加条目的方法
2014/09/25 Python
列举Python中吸引人的一些特性
2015/04/09 Python
python爬虫获取新浪新闻教学
2018/12/23 Python
python3安装speech语音模块的方法
2018/12/24 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
南威尔士家居商店:Leekes
2016/10/25 全球购物
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
Notino芬兰:购买香水和化妆品
2019/04/15 全球购物
浪费资源的建议书
2014/03/12 职场文书
大学生学习2014年全国两会心得体会
2014/03/12 职场文书
个人自荐书怎么写
2015/03/26 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android