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 相关文章推荐
给Function做的OOP扩展
May 07 Javascript
jQuery 使用手册(一)
Sep 23 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
关于JavaScript命名空间的一些心得
Jun 07 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
Jun 29 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 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 数组的创建、调用和更新实现代码
2009/03/09 PHP
php安全配置 如何配置使其更安全
2011/12/16 PHP
国外PHP程序员的13个好习惯小结
2012/02/20 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
浅谈PHP的反射机制
2016/12/15 PHP
PHP中上传文件打印错误错误类型分析
2019/04/14 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
一个挺有意思的Javascript小问题说明
2011/09/26 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
2016/08/24 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
python中zip()方法应用实例分析
2016/04/16 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
pandas-resample按时间聚合实例
2019/12/27 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
HTML5注册页面示例代码
2014/03/27 HTML / CSS
MySQL面试题
2014/01/12 面试题
感恩母亲节演讲稿
2014/05/07 职场文书
化妆品活动策划方案
2014/05/23 职场文书
擅自离岗检讨书
2014/09/12 职场文书
个人授权委托书
2014/09/15 职场文书
作风建设年度心得体会
2014/10/29 职场文书
反邪教观后感
2015/06/11 职场文书
庆七一主持词
2015/06/29 职场文书
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android