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 相关文章推荐
jQuery 全选效果实现代码
Mar 23 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
vue cli 3.0 搭建项目的图文教程
May 17 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
vue按需加载实例详解
Sep 06 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中逗号与点号的区别
2013/08/05 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
PHP7.1方括号数组符号多值复制及指定键值赋值用法分析
2016/09/26 PHP
PHP对象相关知识总结
2017/04/09 PHP
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
JavaScript实现拼音排序的方法
2012/11/20 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
2018/09/14 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
Python中利用sqrt()方法进行平方根计算的教程
2015/05/15 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
python 实现音频叠加的示例
2020/10/29 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
印度在线购物网站:Paytmmall
2019/07/24 全球购物
同学聚会欢迎辞
2014/01/14 职场文书
公务员转正鉴定材料
2014/02/11 职场文书
签订劳动合同通知书
2015/04/16 职场文书
工会文体活动总结
2015/05/07 职场文书
python 离散点图画法的实现
2022/04/01 Python