爱站屋博客 - 好东西不私藏,大家一起分享!关于博客 留言板

网站首页 模板插件 正文

jquery库中的$()是什么

2019-06-01 模板插件 695 ℃
[db:标签]jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素

jquery库中的$()是什么-第1张图片-爱站屋博客

如下例

$(".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对象'

以上就是jquery库中的$()是什么的详细内容,更多请关注php中文网其它相关文章!


猜你喜欢

本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

:如果评论未出现,请刷新网页,谢谢合作!

会员中心
搜索
ip签名图
    IP签名图
网站分类
标签列表
文章归档
站点信息
  • 文章总数:67301
  • 页面总数:3
  • 分类总数:12
  • 标签总数:629
  • 评论总数:1423
  • 浏览总数:662567
爱站云安全认证