国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

實例講解JQuery中this和$(this)區(qū)別

2024-05-06 16:11:38
字體:
供稿:網(wǎng)友
這篇文章主要介紹了實例講解JQuery中this和$(this)的區(qū)別,this表示當(dāng)前的上下文對象是一個html對象,可以調(diào)用html對象所擁有的屬性和方法,$(this),代表的上下文對象是一個jquery的上下文對象,可以調(diào)用jquery的方法和屬性值,需要的朋友可以參考下
 
 

平時很少在jquery中用到this。查看代碼時發(fā)現(xiàn)用到了,就調(diào)試出this的值,心想原來如此。還是挺有用的。這里總結(jié)一下this與$(this)的區(qū)別和使用。

  $(this)生成的是什么?

  $()生成的是什么呢?實際上$()=jquery(),就是說返回的是一個jquery的對象。

  通常我們?yōu)榱撕啽阒苯邮褂?()。實際上,該函數(shù)省略了一個參數(shù)context。根據(jù)選擇器選取匹配的對象即$(selector, context),以jQuery包裝集的形式返回。

  context可以是Dom對象集合或jQuery包裝集,傳入則表示要從context中選擇匹配的對象,不傳入則表示范圍為文檔對象(即頁面全部對象),即$(selector)=$(selector,document)。

  this指的是,調(diào)用函數(shù)的那個html對象。

例子:

 

復(fù)制代碼代碼如下:

$("#textbox").hover(   
  function() {   
       this.title = "Test";   
  },   
  fucntion() {   
      this.title = "OK”;   
  }   
);

 

這里的this其實是一個Html元素(textbox),this是js中的。textbox有text屬性,所以這樣寫沒什么問題。

 

復(fù)制代碼代碼如下:

$("#textbox").hover(   
       function() {   
   $(this).title = "Test";   
       },   
       function() {   
   $(this).title = "OK";   
       }  
);

 

這里的$(this)是一個JQuery對象,而jQuery對象沒有title 屬性,因此這樣寫是錯誤的。

結(jié)論:

  this,表示當(dāng)前的上下文對象是一個html對象,可以調(diào)用html對象所擁有的屬性和方法。
  $(this),代表的上下文對象是一個jquery的上下文對象,可以調(diào)用jquery的方法和屬性值。

實例(選項卡):

 

復(fù)制代碼代碼如下:

tabs($("#nav a"), $(".content")); 
function tabs(tab, content){
 content.hide();
 content.eq(0).show();
 tab.click(function(){
  var index = tab.index(this);
  tab.removeClass("current");
  $(this).addClass("current");
  content.hide();
  content.eq(index).animate({opacity:'show'}, 200);
 });
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 绥滨县| 南京市| 吐鲁番市| 革吉县| 开阳县| 莲花县| 武冈市| 襄垣县| 顺昌县| 林口县| 黄陵县| 绩溪县| 章丘市| 南阳市| 栖霞市| 武安市| 大庆市| 古蔺县| 云和县| 航空| 会宁县| 东乌| 老河口市| 通山县| 泾川县| 阿城市| 钟山县| 九台市| 浦江县| 西宁市| 宜兰市| 游戏| 丘北县| 镇安县| 永宁县| 腾冲县| 沁水县| 伊川县| 北流市| 青海省| 天峨县|