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 animate图片模向滑动示例代码
Jan 26 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
JS与C#编码解码
Dec 03 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
JavaScript截屏功能的实现代码
Jul 28 Javascript
JavaScript设计模式之装饰者模式实例详解
Jan 17 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
Dec 10 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
处理canvas绘制图片模糊问题
May 11 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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
PHP读取PDF内容配合Xpdf的使用
2012/11/24 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
谈一谈javascript闭包
2016/01/28 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
2016/12/25 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
浅谈Node异步编程的机制
2017/10/18 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
Cython 三分钟入门教程
2009/09/17 Python
python实现多线程采集的2个代码例子
2014/07/07 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
python如何实现视频转代码视频
2019/06/17 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
Django使用rest_framework写出API
2020/05/21 Python
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
工商企业管理应届生求职信
2013/11/03 职场文书
思想政治教育专业个人求职信范文
2013/12/20 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
西岭雪山导游词
2015/02/06 职场文书