千家信息网

jQuery选择器中的通配符有哪些

发表于:2025-02-23 作者:千家信息网编辑
千家信息网最后更新 2025年02月23日,这篇文章将为大家详细讲解有关jQuery选择器中的通配符有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1.选择器(1)通配符:$("input[id^='co
千家信息网最后更新 2025年02月23日jQuery选择器中的通配符有哪些

这篇文章将为大家详细讲解有关jQuery选择器中的通配符有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

1.选择器

(1)通配符:

$("input[id^='code']");//id属性以code开始的所有input标签

$("input[id$='code']");//id属性以code结束的所有input标签

$("input[id*='code']");//id属性包括code的所有input标签

(2)根据索引选择

$("input[id^='code']");//id属性以code开始的所有input标签

$("input[id$='code']");//id属性以code结束的所有input标签

$("input[id*='code']");//id属性包括code的所有input标签

(3)取得jQueryObj下一级节点的input个数

jqueryObj.children("input").length;

(4)取得 class 为main 的标签的子节点下所有标签

$(".main > a");

(5)选择紧邻标签

jqueryObj.next("div");//获得jqueryObj标签的后面紧邻的1个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选择器中的通配符有哪些"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

0