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 一个图片切换的插件
Oct 09 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
JavaScript中property和attribute的区别详细介绍
Mar 03 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
jQuery时间日期三级联动(推荐)
Nov 27 Javascript
微信小程序之picker日期和时间选择器
Feb 09 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
Vue常用API、高级API的相关总结
Feb 02 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 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
JavaScript学习笔记之Function对象
2015/01/22 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
javascript实现页面滚屏效果
2017/01/17 Javascript
js 性能优化之算法和流程控制
2017/02/15 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
Python使用shelve模块实现简单数据存储的方法
2015/05/20 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
python实现批量图片格式转换
2020/06/16 Python
python3+selenium自动化测试框架详解
2019/03/17 Python
django创建简单的页面响应实例教程
2019/09/06 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
C++面试题:关于链表和指针
2013/06/05 面试题
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers