当前位置:主页 > jquery教程 > jQuery的选择器中的通配符使用介绍

关于jQuery的选择器中的通配符使用方法

发布:2020-02-09 18:17:54 126


为网友们分享了jQuery相关的编程文章,网友逢金玉根据主题投稿了本篇教程内容,涉及到jQuery、通配符、jQuery的选择器中的通配符使用介绍相关内容,已被640网友关注,内容中涉及的知识点可以在下方直接下载获取。

jQuery的选择器中的通配符使用介绍

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)

参考资料

相关文章

  • jquery Ajax解析XML数据代码实例

    发布:2020-01-01

    本篇文章主要是对Jquery Ajax解析XML数据(同步及异步调用)的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助


  • 深入分析jQuery的ready函数是如何工作的(工作原理)

    发布:2022-04-03

    这篇文章主要介绍了jQuery的ready函数是如何工作的,深入分析了jQueryready函数的运作流程及相应的工作原理,需要的朋友可以参考下


  • jQuery动画与特效代码

    发布:2020-01-07

    本文主要是讲解和学习jQuery的自动显隐,渐入渐出、飞入飞出、自定义动画等。非常详细,这里推荐给有需要的小伙伴。


  • jQuery表单验证插件用法实例

    发布:2021-06-09

    这篇文章主要介绍了jQuery表单验证插件解析(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下


  • JSON对象与字符串之间的相互转换方法

    发布:2020-01-25

    本篇文章主要是对JSON对象与字符串之间的相互转换进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助


  • jquery文字上下滚动的代码实例

    发布:2020-01-23

    jquery文字上下滚动的实现方法,需要的朋友可以参考一下


  • 如何解决jQuery $命名冲突

    发布:2020-02-02

    也许你在看此文章之前还不知道jquery有一个noConflict()东西了,它就是为了避免与其它js插件碰到相同变量的一个解决方法,利用noConflict()可以把变量存到其它指定的变量中去


  • 解析jQuery获取键盘事件方案

    发布:2020-02-28

    这篇文章主要介绍了jQuery简单获取键盘事件的方法,涉及jQuery针对键盘事件的获取与响应技巧,需要的朋友可以参考下


网友讨论