jquery经验分享：[1]jquery选择器（id）

来源：互联网 2023-03-17 00:52:18 571

jquery已经流行很久了，如果你现在还不会你就OUT了，

1，现在你找到任何一个网站从Ta的源代码中都能看到jquery的身影，

2，因为jquery内部对浏览器的兼容性做了处理，所以你在使用的时候无须考虑兼容性问题。

3，以下使用的为jquery1.7.2版本。

工具/原料

电脑
jquery1.7.2

方法/步骤

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

jquery经验分享：[1]jquery选择器（id）

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）

如果查找在查找的时候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）

3本页面未经许可获取自百度经验

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

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

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

textarea id="mytextarea">/textarea>

获取的时候分别是：

$("#username");

$("#mysubmit");

$("#mytextarea");

jquery经验分享：[1]jquery选择器（id）

注意事项

使用前请在页面中导入jquery库

(共篇)下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：jquery经验分享：[2]jquery选择器2 下一篇：怎么使用JQuery Mobile开发移动网站

jquery经验分享：[1]jquery选择器（id）

工具/原料

方法/步骤

注意事项

热门文章

标签列表