jquery经验分享:[1]jquery选择器(id)
1、如下图中关于选择器就有很多,那么我们不必全都掌握,你只需要了解下有这么个东西,在需要的时候可以打开这个帮助快速找到就可以,这里没法把每个选择器的使用都说到,只说几个想学jquery你不得不掌握的几个。关于图中的帮助文档你可以在百度下载的到。
![jquery经验分享:[1]jquery选择器(id)](https://exp-picture.cdn.bcebos.com/edafb3bcbe2f4770383ac0696f3b3b86032179b5.jpg)
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)](https://exp-picture.cdn.bcebos.com/4e168d5653bbf820e3d989b8ba21056105a36eb5.jpg)
![jquery经验分享:[1]jquery选择器(id)](https://exp-picture.cdn.bcebos.com/04201aa355e983ae66f5469968efe078153169b5.jpg)
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)](https://exp-picture.cdn.bcebos.com/82eff6d7592ae3ef715a0b8254b6326c566664b5.jpg)
![jquery经验分享:[1]jquery选择器(id)](https://exp-picture.cdn.bcebos.com/1570c1b6326c57660fed1de0a4632385e13661b5.jpg)
4、以上为官方提供的例子,这里自己写几个常用的,
<input type="text" id="username"/>
<input type="submit" id="mysubmit"/>
<textarea id="mytextarea"></textarea>
获取的时候分别是:
$("#username");
$("#mysubmit");
$("#mytextarea");
![jquery经验分享:[1]jquery选择器(id)](https://exp-picture.cdn.bcebos.com/031231632385e03679b3585bb8e039723c035ab5.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:135
阅读量:129
阅读量:102
阅读量:129
阅读量:162