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 相关文章推荐
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
微信小程序实现弹出层效果
May 26 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
Node.js API详解之 os模块用法实例分析
May 06 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 CURL模拟GET及POST函数代码
2010/04/25 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
curl和libcurl的区别简介
2015/07/01 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
2016/09/05 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
laravel-admin 与 vue 结合使用实例代码详解
2019/06/04 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
JS实现前端路由功能示例【原生路由】
2020/05/29 Javascript
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
使用Python求解最大公约数的实现方法
2015/08/20 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
马来西亚网上花店:FlowerAdvisor马来西亚
2020/01/03 全球购物
趣味体育活动方案
2014/02/08 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
学校运动会报道稿
2014/09/23 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android
MySQL 数据库范式化设计理论
2022/04/22 MySQL