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 相关文章推荐
js 操作符实例代码
Oct 24 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
Jquery uploadify上传插件使用详解
Jan 13 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
jQuery实现查找最近父节点的方法
Jun 23 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
vue操作动画的记录animate.css实例代码
Apr 26 Javascript
详解vue中移动端自适应方案
May 05 Javascript
JavaScript语法约定和程序调试原理解析
Nov 03 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验证复选框有效性的示例
2013/11/13 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
JS替换文本域内的回车示例
2014/02/18 Javascript
浅谈JavaScript数据类型及转换
2015/02/28 Javascript
js 自带的sort() 方法全面了解
2016/08/16 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
浅谈vue-props的default写不写有什么区别
2020/08/09 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
Python cookbook(数据结构与算法)同时对数据做转换和换算处理操作示例
2018/03/23 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
详解Css3新特性应用之过渡与动画
2017/01/10 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
Gap英国官网:Gap UK
2018/07/18 全球购物
实习心得体会
2014/01/02 职场文书
国税会议欢迎词
2014/01/16 职场文书
大学老师推荐信
2014/02/25 职场文书
《小池塘》教学反思
2014/02/28 职场文书
销售顾问工作计划书
2014/08/15 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
2015年高三班主任工作总结
2015/05/21 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
四年级作文之植物
2019/09/20 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js