jquery经验分享:[1]jquery选择器(id)

2025-11-06 16:54:50

1、如下图中关于选择器就有很多,那么我们不必全都掌握,你只需要了解下有这么个东西,在需要的时候可以打开这个帮助快速找到就可以,这里没法把每个选择器的使用都说到,只说几个想学jquery你不得不掌握的几个。关于图中的帮助文档你可以在百度下载的到。

jquery经验分享:[1]jquery选择器(id)

2、jquery的id选择器,这个应该是你学习jquery第一个要掌握的,这个使用的频率非常高,下面就来说说这个选择器,以下图中是来自官方的说明,与例子演示。

例如:

<div id="notMe">

   id="notMe"

</div>

<div id="myDiv">id="myDiv"</div>

那么此时$("#myDiv");所找到的就是属性等于id,值等于myDiv的,所以结果就是<div id="myDiv">id="myDiv"</div>

jquery经验分享:[1]jquery选择器(id)

jquery经验分享:[1]jquery选择器(id)

3、如果查找在查找的时候id的属性值中含有特殊字符,比如:(冒号)、.(点)、[(方括号),这时你需要对关键字符进行转义,方法如下:

<span id="foo:bar"></span> 

<span id="foo[bar]"></span> 

<span id="foo.bar"></span>

对于以上这种id里含有特殊符号的需要在前面加上反斜杠来转义,

#foo\\:bar 

#foo\\[bar\\] 

#foo\\.bar

jquery经验分享:[1]jquery选择器(id)

jquery经验分享:[1]jquery选择器(id)

4、以上为官方提供的例子,这里自己写几个常用的,

<input type="text" id="username"/>

<input type="submit" id="mysubmit"/>

<textarea id="mytextarea"></textarea>

获取的时候分别是:

$("#username");

$("#mysubmit");

$("#mytextarea");

jquery经验分享:[1]jquery选择器(id)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:135
  • 阅读量:129
  • 阅读量:102
  • 阅读量:129
  • 阅读量:162
  • 猜你喜欢