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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
jquery插件制作 图片走廊 gallery
Aug 17 Javascript
jquery控制display属性为none或block
Mar 31 Javascript
理解JS事件循环
Jan 07 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
详解Vue用axios发送post请求自动set cookie
May 10 Javascript
React简单介绍
May 24 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
JavaScript实现缓动动画
Nov 25 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 set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
深入php-fpm的两种进程管理模式详解
2013/06/03 PHP
解析php安全性问题中的:Null 字符问题
2013/06/21 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
jquery实现多条件筛选特效代码分享
2015/08/28 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
使用vue打包时vendor文件过大或者是app.js文件很大的问题
2018/06/29 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
python列表操作实例
2015/01/14 Python
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
解决Python字典写入文件出行首行有空格的问题
2017/09/27 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
Python语言进阶知识点总结
2019/05/28 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
2020/07/20 Python
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
2013/06/06 HTML / CSS
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
编程用JAVA解析XML的方式
2013/07/07 面试题
经理管理专业自荐信范文
2013/12/31 职场文书
工程索赔意向书
2014/08/30 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
你有一份《诚信考试承诺书》待领取
2019/11/13 职场文书