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中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 Javascript
javascript取消文本选定的实现代码
Nov 14 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 Javascript
javascript+canvas制作九宫格小程序
Dec 28 Javascript
浅谈jquery事件处理
Apr 24 Javascript
javascript文本模板用法实例
Jul 31 Javascript
js实现文字超出部分用省略号代替实例代码
Sep 01 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
js基础语法与maven项目配置教程案例
Jul 15 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的安全
2006/10/09 PHP
php ci框架验证码实例分析
2013/06/26 PHP
PHP children()函数讲解
2019/02/03 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
bootstrap表格分页实例讲解
2016/12/30 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
微信小程序如何调用新闻接口实现列表循环
2019/07/02 Javascript
Vue自定义组件的四种方式示例详解
2020/02/28 Javascript
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
基于python中staticmethod和classmethod的区别(详解)
2017/10/24 Python
python实现简易云音乐播放器
2018/01/04 Python
python实现手机通讯录搜索功能
2018/02/22 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
Python argparse模块应用实例解析
2019/11/15 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
青年创业培训欢迎词
2014/01/10 职场文书
广告业务员岗位职责
2014/02/06 职场文书
美国留学经济担保书
2014/05/20 职场文书
学生实习证明模板汇总
2014/09/25 职场文书
培训后的感想
2015/08/07 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
带你学习MySQL执行计划
2021/05/31 MySQL
详解Redis集群搭建的三种方式
2021/05/31 Redis
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
MySQL 数据 data 基本操作
2022/05/04 MySQL