欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > JavaScript >

jquery库中的$()是什么

发布时间:2019-06-01  编辑:杨雨个人博客网站   点击:   

就是jquery对象,$()就是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对象'
本文地址:http://itbyc.com/web/javascript/21338.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1