我学到的一些(JS中 $ 含义及用法)

我学到的(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!"); 
}); 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值