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技巧来提高你的代码
Jan 08 Javascript
JavaScript 获取当前时间戳的代码
Aug 05 Javascript
windows8.1+iis8.5下安装node.js开发环境
Dec 12 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
node.js require() 源码解读
Dec 13 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
js canvas实现擦除效果示例代码
Apr 26 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
实例讲解JS中pop使用方法
Jan 27 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 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函数scandir排除特定目录
2014/06/12 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
jQuery trigger()方法用法介绍
2015/01/13 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
利用node.js搭建简单web服务器的方法教程
2017/02/20 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
2020/09/21 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
pandas系列之DataFrame 行列数据筛选实例
2018/04/12 Python
用TensorFlow实现戴明回归算法的示例
2018/05/02 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
Python如何调用JS文件中的函数
2019/08/16 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
python的launcher用法知识点总结
2020/08/07 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
通知书大全
2015/04/27 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
基于Python实现对比Exce的工具
2022/04/07 Python
Java界面编程实现界面跳转
2022/06/16 Java/Android