我学到的(2019.3.31)
声明:本人还是一个大三小白,有错误请谅解。
1.JS中 $ 含义及用法
$ 在JS中本身只是一个符号而异,在JS里什么也不是。
但在JS应用库JQUERY的作者将之做为一个自定义函数名了,这个函数是获取指定网页元素的函数,使用非常之频繁,所以好多新手不知道,还以为 $ 是JS的什么特殊语法。
后来,可能有些程序员JQUERY用得多了,发现 $ 这个函数很好用,很方便,所以,在不用JQUERY的情况,一般自己也会自定义一个$函数。
一般使用:
function $(ElementId){
return document.getElementById(ElementId);
}
以后在网页就不用每次使用document.getElementById(“ID名”)来获取元素,只用$(‘ID名’)即可,非常简使了
三种具体用法:
1、$ ()可以是$ (expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。
比如:$(“a”)构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/ >这个标签。如:
$(“a”).click(function(){…})
就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用<a/ >这个标签构建了一个对象 $ (“a”),函数 click()是这个jQuery对象的一个(事件)方法。
例子:
比如有这样一段HTML代码:
<p>one</p>
<div>
<p>two</p>
</div>
<p>three</p>
<a href="#" id="test" onClick="jq()" >jQuery</a>
而操作这段HTML的是如下一条语句:
alert($("div>p").html());
$ ()中的是一个查询表达式,也就是用“div>p”这样一个查询表达式构建了一个jQuery对象,然后的“html()”意思是显示其html内容,也就是上面HTML代码段的[two]。
$ ()中的是一个字符串,用这样一段字串构建了jQuery对象,然后向<body/ >中添加这一字串。
2、$ ()可以是$(element),即一个特定的DOM元素。 如常用的DOM对象有document、location、form等。如这样一行代码:
$(document).find("div>p").html());
$ ()中的document是一个DOM元素,即在全文寻找带< p > 的< div >元素,并显示< p >中的内容。
3、$ ()可以是$ (function),即一个函数,它是$ (document).ready()的一个速记方式。
例子:
$(document).ready(function(){
alert("Hello world!");
});
可以变形为
$(function(){
alert("Hello world!");
});