最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery库中的$()是什么

来源:动视网 责编:小采 时间:2020-11-27 19:26:07
文档

jquery库中的$()是什么

jquery库中的$()是什么:就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素如下例子$(".div1") 表示获取类名为div1的元素,例如获取<div class="div1"></div>$(".div1").oncli
推荐度:
导读jquery库中的$()是什么:就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素如下例子$(".div1") 表示获取类名为div1的元素,例如获取<div class="div1"></div>$(".div1").oncli
 就是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对象'

文档

jquery库中的$()是什么

jquery库中的$()是什么:就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素如下例子$(".div1") 表示获取类名为div1的元素,例如获取<div class="div1"></div>$(".div1").oncli
推荐度:
标签: 中的 里的 里面
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top