您的当前位置:首页jquery库中的$()是什么

jquery库中的$()是什么

2020-11-27 来源:乌哈旅游
就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素

如下例子

$(".div1") 表示获取类名为div1的元素,例如获取<div class="div1"></div>

$(".div1").onclick表示类名为div1的div点击事件

$ 即 jQuery对象,是一个Function对象,$()是调用这个function,得到的是

实例:

html

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

js

方式一

 // 传入DOM元素
 $('li').each(function(index,ele){
 $(ele).on('click',function(){
 $(this).css('background','red');//这里的DOM元素就是this
 })
 })
 
 //传入DOM数组
 var aLi=document.getElementsByTagName('li');
 aLi=[].slice.call(aLi);//集合转数组
 var $aLi=$(aLi);
 $aLi.html('我是jQuery对象');//所有的li的内容都变成'我是jQuery对象'

方式二

 // 传入DOM元素
 jQuery('li').each(function(index,ele){
 jQuery(ele).on('click',function(){
 jQuery(this).css('background','red');//这里的DOM元素就是this
 })
 })
 
 //传入DOM数组
 var aLi=document.getElementsByTagName('li');
 aLi=[].slice.call(aLi);//集合转数组
 var $aLi=$(aLi);
 $aLi.html('我是jQuery对象');//所有的li的内容都变成'我是jQuery对象'
显示全文