jQuery中$this和$的區(qū)別介紹

$ 是JQuery對象，是JQuery 常用的一個回傳函數(shù)，定義為 "選取" 英文是 selector 的縮寫例子︰$.function();就是 選取 JQuery 定義的 function() 執(zhí)行$('input')就是 選取 HTML 當中全部的 input 標簽$('#abc')就是 選取 HTML 當中 ID 名稱為 abc 的物件$.fn.testing = function() {}就是 選取 JQuery 內(nèi)核函數(shù) fn (函數(shù)) 回傳給 testing 這個名稱、定義為一個功能 function()

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供班戈網(wǎng)站建設、班戈做網(wǎng)站、班戈網(wǎng)站設計、班戈網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、班戈企業(yè)網(wǎng)站模板建站服務，十多年班戈做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

$this 只是個變量名，加$是為說明其是個jquery對象

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

// this其實是一個Html 元素。

// $this 只是個變量名，加$是為說明其是個jquery對象。

// 而$(this)是個轉(zhuǎn)換，將this表示的dom對象轉(zhuǎn)為jquery對象，這樣就可以使用jquery提供的方法操作。

(function($){

$.fn.hilight = function(options){

debug(this);

var defaults = {

foreground: 'red',

background: 'yellow'

};

var opts = $.extend({}, $.fn.hilight.defaults, options);

return this.each(function() {

// this其實是一個Html 元素。

// $this 只是個變量名，加$是為說明其是個jquery對象。

// 而$(this)是個轉(zhuǎn)換，將this表示的dom對象轉(zhuǎn)為jquery對象，這樣就可以使用jquery提供的方法操作。

$this = $(this);

// build element specific options

var o = $.meta ? $.extend({}, opts, $this.data()) : opts;

// update element styles

$this.css({

backgroundColor: o.background,

color: o.foreground

});

var markup = $this.html();

// call our format function

markup = $.fn.hilight.format(markup);

$this.html(markup);

});

};

// define our format function

$.fn.hilight.format = function(txt) {

return 'strong' + txt + '/strong';

};

// 插件的defaults

$.fn.hilight.defaults = {

foreground: 'red',

background: 'yellow'

};

function debug($obj) {

if (window.console window.console.log){

window.console.log('hilight selection count: ' + $obj.size());

}

};

})(jQuery)

前端開發(fā)JS框架之jQuery的基礎知識分享

jQuery對象是通過jQuery包裝DOM對象后產(chǎn)生的對象

注意：jQuery對象只能使用jQuery里的方法，DOM對象只能使用DOM對象的方法

基本選擇器

層級選擇器：

基本篩選器：

屬性選擇器：

表單篩選器：

篩選器方法：

jQuery的一些方法：

注意：對于標簽上有的能夠看到的屬性和自定義屬性用attr()方法

對于返回布爾值比如checkbox，radion，option這三個標簽是否被選中，用prop方法

事件綁定方式：

注意：DOM定義的事件可以用 .on()方法來綁定事件，但是jQuery定義的事件就不可以

常用事件有：

移除事件：把on改成off，就是移除 .on()綁定的事件

阻止后續(xù)事件執(zhí)行：事件函數(shù)中添加 return false; (常用于阻止表單提交等）或者e.preventDefault()

阻止事件冒泡：添加e.stopPropagation()

利用父標簽去捕獲子標簽的事件

推薦閱讀：

前端開發(fā)框架之jQuery 和 Vue 的選擇

前端開發(fā)之15個jQuery小技巧分享

前端開發(fā)之JQuery入門基礎操作

前端開發(fā)框架jQuery的優(yōu)勢與基礎知識分享

如何在jquery中定義一個對象為全局變量

pop用參數(shù)傳給你自己定義的的close()唄

或者你在close()里面重新定義一下pop，如：pop=new Popup({ contentType:1,isReloadOnClose:false,width:width,height:height});

定義jquery對象時，var p = 這個var對象$p一定要帶個$符號嗎

var 是變量的簡稱 ， 使用var 關鍵之定義變量。 也可以使用let 定義變量 。使用const 定義常量 ， 和 java c語言的 int 一樣。 但是JavaScript是弱類型語言，在聲明變量的時候不用定義變量類型。 類型之間可以隨意轉(zhuǎn)換，你賦值什么類型就是什么類型。

變量中可以出現(xiàn) $符號、 一般jquery 中 會用$符號開頭定義變量，用于區(qū)別該變量是jquery的變量還是其他變量。 比如 var $div = $("div");

$p 直接定義是php的語法， 后面使用這個變量的時候 也是需要帶$d

比如 $p=0; echo $p;

DOM對象與jquery對象有什么不同

jQuery對象和DOM對象使用說明，需要的朋友可以參考下。

1.jQuery對象和DOM對象

第一次學習jQuery,經(jīng)常分辨不清哪些是jQuery對象，哪些是 DOM對象，因此需要重點了解jQuery對象和DOM對象以及它們之間的關系.

DOM對象，即是我們用傳統(tǒng)的方法(javascript)獲得的對象，jQuery對象即是用jQuery類庫的選擇器獲得的對象;

復制代碼 代碼如下:

var domObj = document.getElementById("id"); //DOM對象

var $obj = $("#id"); //jQuery對象;

jQuery對象就是通過jQuery包裝DOM對象后產(chǎn)生的對象，它是jQuery獨有的。如果一個對象是jQuery對象，那么就可以使用jQuery里的方法，例:

$("#foo").html(); //獲取id為foo的元素內(nèi)的html代碼，html()是jQuery特有的方法;

上面的那段代碼等同于:

document.getElementById("foo").innerHTML;

注意：在jQuery對象中無法使用DOM對象的任何方法。

例如$("#id").innerHTML 和$("#id").checked之類的寫法都是錯誤的，可以用$("#id").html()和$("#id").attr ("checked")之類的 jQuery方法來代替。同樣，DOM對象也不能使用jQuery方法。學習jQuery開始就應當樹立正確的觀念，分清jQuery對象和DOM對象之間的區(qū)別，之后學習 jQuery就會輕松很多的。

2.jQuery對象和DOM對象的互相轉(zhuǎn)換

在上面第一點說了，jquery對象和dom對象是不一樣的！比如jquery對象不能使用dom的方法，dom對象不能使用jquery方法，那假如我 jquery沒有封裝我要的方法，那能怎么辦呢？

這時我們可以將jquer對象轉(zhuǎn)換成dom對象

jquery對象轉(zhuǎn)換成 dom對象

jquery提供了兩種方法將一個jquery對象轉(zhuǎn)換成一個dom對象，即[index]和get(index)。可能有人會覺得奇怪，怎么是用下標呢，沒錯，jquery對象就是一個數(shù)組對象.

下面代碼將演示一個jquery對象轉(zhuǎn)換成dom對象，再使用dom對象的方法

復制代碼 代碼如下:

var $cr=$("#cr"); //jquery對象

var cr = $cr[0]; //dom對象 也可寫成 var cr=$cr.get(0);

alert(cr.checked); //檢測這個checkbox是否給選中

dom對象轉(zhuǎn)換成jquery對象

對于一個dom對象，只需要用$()把dom對象包裝起來，就可以獲得一個jquery對象了，方法為$(dom對象);

復制代碼 代碼如下:

var cr=document.getElementById("cr"); //dom對象

var $cr = $(cr); //轉(zhuǎn)換成jquery對象

轉(zhuǎn)換后可以任意使用jquery中的方法了.

通過以上的方法，可以任意的相互轉(zhuǎn)換jquery對象和dom對象.

最后再次強調(diào)，dom對象才能使用dom中的方法，jquery對象不可以使用dom中的方法，但 jquery對象提供了一套更加完善的工具用于操作dom,關于jquery的dom操作將在后面的文章進行詳細講解.

ps: 平時用到的jquery對象都是通過$()函數(shù)制造出來的，$()函數(shù)就是一個jquery對象的制造工廠.

建議:如果獲取的對象是 jquery對象，那么在變量前面加上$,這樣方便容易識別出哪些是jquery對象,例如:

var $variable = jquery對象;

如果獲取的是dom對象，則定義如下:

var variable = dom對象

分享題目：jquery對象定義,jquery定義方法
文章鏈接：http://chinadenli.net/article43/dsgdhes.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、品牌網(wǎng)站制作、移動網(wǎng)站建設、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設計、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)