js中$的用法及理解

在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常多且方便快捷。具体用法是在不用JQUERY的情况，自己自定义一个在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常多且方便快捷。具体用法是在不用JQUERY的情况，自己自定义一个在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取

海米&索隆

7599人浏览 · 2021-08-01 13:52:55

海米&索隆 · 2021-08-01 13:52:55 发布

$可以做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常多且方便
即：
function $Nid){ return document.getElementById(Nid);} 定义完这个函数之后，就不用每次使用document.getElementById("ID名")来获取元素，只用$ (‘ID名’)即可。

js中 $的三种具体用法： 1 、$ ()可以是 $(e x p r e s i o n) ，即 c s s 选择器、 X p a t h 或 h t m l 元素，也就是通过上述表达式来匹配目标元素。比如：$ (“a”)构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。
2、 $() 可以是$ (element)，即一个特定的DOM元素。如常用的DOM对象有document、location、form等。如这样一行代码：
$(document).find(“div>p”).html());
$() 中的 d o c u m e n t 是一个 D O M 元素，即在全文寻找带 < p > 的 < d i v > 元素，并显示 < p > 中的内容。 3 、$ ()可以是 $(f u n c t i o n) ，即一个函数，它是$ (document).ready()的一个速记方式。如常见的形式是这样的：
$(document).ready(function(){
alert(“Hello world!”);
});
可变形作： $function(){ alert("Hello world!"); }); 对于选择HTML文档中的elements，jQuery有两种方法：（1）如$ (“div>ul a”)，它的意思是div标签中的ul标签中的a标签，不过， $(^{'} d i v > u l^{'}) 和$ (‘div ul’)是有区别， $(^{'} d i v > u l^{'}) 是 < d i v > 的直接后代里找 < u l > ；而$ (‘div ul’)是在

的所有后代里找

（2）用jQuery对象的几个方法（如方法find()、each()等）
$("#orderedlist).find(“li”) 就像 $("#orderedlist li"). each()一样迭代了所有的li，而表达式中“#”表示HTML中的ID，如上例中的“#orderedlist”就表示“ID为orderedlist所在的标签”。

华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐