jquery事件對(duì)象event有哪些屬性和方法

1.event.type屬性

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),上林企業(yè)網(wǎng)站建設(shè),上林品牌網(wǎng)站建設(shè),網(wǎng)站定制,上林網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,上林網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

該方法作用是可以獲取到時(shí)間的類(lèi)型。

2.event.preventDefault()方法

該方法的作用是阻止默認(rèn)的事件行為。JavaScript中符合W3C規(guī)范的preventDefault()方法在IE瀏覽器中無(wú)效。jQuery對(duì)其進(jìn)行了封裝，使之能兼容各種瀏覽器。

3.event.stopPropagation()方法

該方法是阻止事件的冒泡。JavaScript中符合W3C規(guī)范的stopPropagation()方法在IE瀏覽器中無(wú)效。jQuery對(duì)其進(jìn)行封裝，使之能兼容各種瀏覽器。

4.event.target屬性

event.target屬性的作用是獲取到出發(fā)事件的元素。jQuery對(duì)其封裝后，避免了W3C、IE和safari瀏覽器不同標(biāo)準(zhǔn)的差異。

5.event.relatedTarget屬性

在標(biāo)準(zhǔn)DOM中，mouseover和mouseout所發(fā)生的元素可以通過(guò)event.target()方法來(lái)訪問(wèn)，相關(guān)元素是通過(guò)event.relatedTarget屬性來(lái)訪問(wèn)的。event.relatedTarget屬性在mouseover中相當(dāng)于IE瀏覽器的event.fromElement屬性，在mouseout中相當(dāng)于IE瀏覽器的event.toElement,jQuery對(duì)其進(jìn)行了封裝，使之能兼容各種瀏覽器。

6.event.pageX/event.pageY屬性

該方法的作用是獲取到光標(biāo)相對(duì)頁(yè)面的x坐標(biāo)和y坐標(biāo)。如果沒(méi)有使用jQuery時(shí)，那么IE瀏覽器中是用event/event.y方法，而在Firefox瀏覽器中用event.pageX/event.pageY方法。如果頁(yè)上有滾動(dòng)條，則還要加上滾動(dòng)條的寬度和高度。在IE瀏覽器中還應(yīng)該減去默認(rèn)的2px的邊框。

7.event.which屬性

該方法的作用是在鼠標(biāo)單擊事件中獲取到鼠標(biāo)的左、中、右鍵；在鍵盤(pán)事件中獲取鍵盤(pán)的按鈕。

8.event.metaKey屬性

針對(duì)不同瀏覽器對(duì)鍵盤(pán)中的ctrl按鍵解釋不同，jQuery也進(jìn)行了封裝，并規(guī)定event.metaKey()方法為鍵盤(pán)事件中獲取ctrl按鍵。

9.event.originalEvent屬性。

該方法的作用是指向原始的事件對(duì)象。

jquery怎么用name獲取對(duì)象？

jQuery通過(guò)name獲取對(duì)象的方法是：

使用jQuery獲取name="nw"的input對(duì)象：$('input[name="nw"]');

使用$('input[name="nw"]').val()方法或$('input[name="nw"]').html()方法來(lái)獲取其值。

和JavaScript獲取對(duì)象值一樣，input、select、textarea等表單類(lèi)對(duì)象用val()方法來(lái)獲取其值；div、span等對(duì)象用html()獲取其值，如：$('input[name="nw"]').val();

設(shè)置對(duì)象的值，如：$('input[name="nw"]').val('123');

注意：

1.通過(guò)name獲取對(duì)象值，獲取的是第1個(gè)對(duì)象的值。name是可以重復(fù)的。

2.通過(guò)name設(shè)置對(duì)象值，設(shè)置的是所有對(duì)象的值。

jQuery源碼中構(gòu)造對(duì)象的方法有更簡(jiǎn)單的方法么

jQuery對(duì)象是由其prototype的init構(gòu)造器進(jìn)行構(gòu)造實(shí)例，與prototype無(wú)關(guān)，可以抽離出來(lái)。

// 最新版本2.1.4

// 73行定義了jQuery構(gòu)造函數(shù)

// Define a local copy of jQuery

jQuery = function( selector, context ) {

// The jQuery object is actually just the init constructor 'enhanced'

// Need init if jQuery is called (just allow error to be thrown if not included)

// 76行 jQuery對(duì)象通過(guò)prototype下的init方法進(jìn)行構(gòu)造并返回實(shí)例

return new jQuery.fn.init( selector, context );

},

// 92行 代碼告訴我們 jQuery.fn 和 jQuery.prototype 是指向同一對(duì)象，也就是說(shuō)fn是prototype的簡(jiǎn)寫(xiě)

jQuery.fn = jQuery.prototype = {

// The current version of jQuery being used

jquery: version,

// 96行修正constructor屬性指回jQuery。同時(shí)jQuery對(duì)象雖然是用jQuery.fn.init方法構(gòu)造，但constructor依然修正指向了jQuery，非為jQuery.fn.init，看下方代碼

constructor: jQuery,

// 2735行 定義了jQuery.fn.init構(gòu)造函數(shù)

init = jQuery.fn.init = function( selector, context ) {

// 2835行 使得jQuery.fn.init構(gòu)造函數(shù)的原型和jQuery原型同時(shí)指向了同一個(gè)對(duì)象

// Give the init function the jQuery prototype for later instantiation

init.prototype = jQuery.fn;

// 9202行 而$僅僅只是jQuery對(duì)象的一個(gè)別名,跟無(wú)new構(gòu)造無(wú)關(guān)

window.jQuery = window.$ = jQuery;

大概的代碼結(jié)構(gòu)就是這樣子。

jQuery僅僅為了實(shí)現(xiàn)無(wú)new構(gòu)造，在其原型下創(chuàng)建了init方法(僅充當(dāng)構(gòu)造器)為其構(gòu)造實(shí)例對(duì)象，init方法的原型和jQuery原型指向了同一個(gè)對(duì)象（當(dāng)然就成了循環(huán)引用），為后續(xù)的實(shí)例方法和實(shí)例插件機(jī)制打下基礎(chǔ)(如果不指向同一對(duì)象寫(xiě)實(shí)例插件將會(huì)出現(xiàn)$.fn.init.fn.xxxxx這一幕)，并修正constructor的指向，使得看起來(lái)像是由jQuery構(gòu)造器構(gòu)造。

$只是jQuery對(duì)象的別名， $ === jQuery 是成立的，并且因?yàn)槭褂胣ew操作符的時(shí)候 ( new jQuery() ) 和 jQuery() 的 reutrn 值會(huì)覆蓋new操作符生成的實(shí)例，所以 jQuery() 和 new jQuery () 的結(jié)果也是一樣的。

而題主示例是

1、 $是實(shí)現(xiàn)jQuery無(wú)new構(gòu)造的方法

2、 $ !== jQuery

3、 jQuery() 和 new jQuery的結(jié)果是不同的

jquery訪問(wèn)對(duì)象，通過(guò)什么方法或什么方法轉(zhuǎn)換成節(jié)點(diǎn)對(duì)象

你是問(wèn)Query對(duì)象如何轉(zhuǎn)為dom對(duì)象吧？若是的話，答案如下：

jQuery獲取的對(duì)象（通過(guò)$（...））是jQuery對(duì)象，要想轉(zhuǎn)為dom對(duì)象，有如下幾種方式：

如：var oDiv = $('#myDiv');

oDiv[0]

oDIv.get(0)

使用each函數(shù)也能間接實(shí)現(xiàn)jQuery對(duì)象到dom對(duì)象的轉(zhuǎn)換，如：

oDiv.each(function(){

console.log(this instanceof jQuery); // 控制臺(tái)打印輸出false，即：此處的this已經(jīng)不是jQuery對(duì)象了

});

jQuery獲取對(duì)象簡(jiǎn)單實(shí)現(xiàn)方法小結(jié)

監(jiān)控一個(gè)容器，當(dāng)用戶點(diǎn)擊時(shí)彈出

代碼如下

$(function(){

$("Element").click{function(){

alert("點(diǎn)擊我哦！");

}

}

});

基本對(duì)象獲取(注意這里獲取的都是Jquery對(duì)象而不是Dom對(duì)象哦，但是他倆是可以轉(zhuǎn)換滴)

代碼如下

復(fù)制代碼

代碼如下:

$("*")

‘表示獲取所有對(duì)象

但是我至今沒(méi)這樣用過(guò)

$("#XXX")

'獲得

id=XXX

的元素對(duì)象（id可以是標(biāo)簽的id或CSS樣式id）

常用

$("input[name='username']")

獲得input標(biāo)簽中name='userName'的元素對(duì)象

常用

$(".abc")

'

獲得樣式class的名字是.abc的元素對(duì)象

常用

$("div")

'

標(biāo)簽選擇器

選擇所有的div元素

常用

$("#a,.b,span")

'表示獲得ID是()a的元素和使用了類(lèi)樣式b的元素以及所有的span元素

$("#a

.b

p")

'ID號(hào)是a的并且使用了

b樣式的

所有的p元素

例

假設(shè)有如下代碼。

復(fù)制代碼

代碼如下:

var

target_obj

=

jQuery('#target_obj_id');

則，若需要判斷id為target_obj_id是否存在的話，可以實(shí)現(xiàn)的方法有一下兩種：

1、

代碼如下

復(fù)制代碼

代碼如下:

if

(target_obj.length

0)

{

//如果大于0

標(biāo)識(shí)

id

為target_obj_id的對(duì)象存在，否則不存在

//對(duì)象存在的處理邏輯

}

else

{

//對(duì)象不存在的處理邏輯

}

2、

代碼如下

復(fù)制代碼

代碼如下:

if

(target_obj[0])

{

//對(duì)象存在的處理邏輯

}

else

{

//對(duì)象不存在的處理邏輯

}

當(dāng)前文章：jquery對(duì)象的方法,jQuery對(duì)象的運(yùn)算符是什么
轉(zhuǎn)載源于：http://www.rwnh.cn/article6/dsijoog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、定制網(wǎng)站、ChatGPT、網(wǎng)站建設(shè)、服務(wù)器托管、域名注冊(cè)

廣告

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