jquery使用$(element).is()來判斷獲取的tagName

如果希望取到tagName后再進行判斷，可以使用jquery

成都創(chuàng)新互聯(lián)公司長期為1000+客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為肇慶企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作，肇慶網(wǎng)站改版等技術服務。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

$(element).is()來實現(xiàn)。

如果是為了取到tagName后再進行判斷，那直接用下面的代碼會更方便：

$(element).is('input')

如果是要取到標簽用作到別的地方，可以使用代碼：

$(element)[0].tagName

或：

$(element).get(0).tagName

jquery點擊按鈕圖片上下滾動怎么做？

!DOCTYPE html

html lange="en"

head

title點擊左右按鈕圖片橫向滾動/title

meta charset=utf-8" /

style type="text/css"

* { margin:0; padding:0;}

body { font-size:12px;}

.box {height:66px; float:left; width:440px; overflow: hidden; position:relative; }

.box

li { display:block; float:left; margin-left:5px; margin-right:5px;

width:100px;

height:70px;background:#BBB;font-size:50px;color:#ccc;line-height:66px;text-decoration:none;text-align:center;

cursor:pointer;}

.box li:hover { color:#999; }

.box li.active { background-position:-174px 0; color:#555;cursor:default;}

a.prev,

a.next {background:url()

no-repeat 0 0; display:block;width:23px;height:43px; float:left;

margin:15px 0 0 0; cursor:pointer;}

a.next { background-image:url()}

.scroll_list{ width:10000em; position:absolute; }

/style

!-- 引入jQuery --

script src="" type="text/javascript"/script

script type="text/javascript"

$(function(){

var page= 1;

var i = 4;//每版四個圖片

//向右滾動

$(".next").click(function(){ //點擊事件

var v_wrap = $(this).parents(".scroll"); // 根據(jù)當前點擊的元素獲取到父元素

var v_show = v_wrap.find(".scroll_list"); //找到視頻展示的區(qū)域

var v_cont = v_wrap.find(".box"); //找到視頻展示區(qū)域的外圍區(qū)域

var v_width = v_cont.width();

var len = v_show.find("li").length; //我的視頻圖片個數(shù)

var page_count = Math.ceil(len/i); //只要不是整數(shù)，就往大的方向取最小的整數(shù)

if(!v_show.is(":animated")){

if(page == page_count){

v_show.animate({left:'0px'},"slow");

page =1;

}else{

v_show.animate({left:'-='+v_width},"slow");

page++;

}

}

});

//向左滾動

$(".prev").click(function(){ //點擊事件

var v_wrap = $(this).parents(".scroll"); // 根據(jù)當前點擊的元素獲取到父元素

var v_show = v_wrap.find(".scroll_list"); //找到視頻展示的區(qū)域

var v_cont = v_wrap.find(".box"); //找到視頻展示區(qū)域的外圍區(qū)域

var v_width = v_cont.width();

var len = v_show.find("li").length; //我的視頻圖片個數(shù)

var page_count = Math.ceil(len/i); //只要不是整數(shù)，就往大的方向取最小的整數(shù)

if(!v_show.is(":animated")){

if(page == 1){

v_show.animate({left:'-='+ v_width*(page_count-1)},"slow");

page =page_count;

}else{

v_show.animate({left:'+='+ v_width},"slow");

page--;

}

}

});

});

/script

/head

body

!-- 例子 --

div class="scroll" style="margin:0 auto;width:550px;"

!-- "prev page" link --

a class="prev" href="#"/a

div class="box"

div class="scroll_list"

ul

li1/li

li2/li

li3/li

li4/li

li5/li

li6/li

li7/li

li8/li

li9/li

li10/li

li11/li

li12/li

li13/li

li14/li

li15/li

li16/li

/ul

/div

/div

!-- "next page" link --

a class="next" href="#"/a

/div

/body

/html

jQuery 的is用法

jQuery 遍歷 - is() 方法

定義和用法

is() 根據(jù)選擇器、元素或 jQuery 對象來檢測匹配元素集合，如果這些元素中至少有一個元素匹配給定的參數(shù)，則返回 true。

語法

.is(selector)

詳細說明

與其他篩選方法不同，.is() 不創(chuàng)建新的 jQuery 對象。相反，它允許我們在不修改 jQuery 對象內(nèi)容的情況下對其進行檢測。這在 callback 內(nèi)部通常比較有用，比如事件處理程序。

假設我們有一個列表，其中兩個項目包含子元素：

ul

lilist?strongitem?1/strong/li

lispanlist?item?2/span/li

lilist?item?3/li

/ul

您可以向 ul 元素添加 click 處理程序，然后把代碼限制為只有當列表項本身，而非子元素，被點擊時才進行觸發(fā)：

$("ul").click(function(event)?{

var?$target?=?$(event.target);

if?(?$target.is("li")?)?{

$target.css("background-color",?"red");

}

});

如何判斷兩個jq對象是同一個對象

1.如果是判斷兩個jquery Object是否引用的同一個DOM元素，則可以使用jquery的is方法，如下：

$('#test1').is('.test')

示例中應該得到的是true.

2.如果是判斷兩個jquery Object是否相等，即

$('#test1') == $('.test')

那這種情況下，就是兩個引用類型在比較，那遵循就是引用類型比較的規(guī)則。

很明顯示例中得到的是false.

JavaScript 的 isFinite 和 jQuery 的 isNumeric 有區(qū)別嗎

isFinite(num)檢測num是否為有限數(shù)字（或者可以被轉化為有限數(shù)字），就是先對參數(shù)進行一個強制類型轉換，進行一個num = Number(num)，然后再對num進行判斷。

jquery的isNumeric(str)也是先對參數(shù)進行強制類型轉換，但是不同的是將其轉為string類型，然后將這個string類型，利用parseFloat()將其轉為Number類型，實現(xiàn)代碼如下：

var?isNumeric?=?function(?obj?)?{

return?!Array.isArray(?obj?)??(obj?-?parseFloat(?obj?)?+?1)?=?0;

};

isNumberic判斷的是不是一個數(shù)字（兩種形式："1"?or?1）

具體區(qū)別：

console.log(isFinite(true));???//?true

console.log(isFinite([1]));????//?true

console.log(isNumberic(true));?//?false

console.log(isNumberic([1]));?//?false

最后附上各個版本的jquery的isNumeric實現(xiàn)

//jquery1.43~1.64

jQuery.isNaN?=?function(obj)?{

return?obj?==?null?||?!rdigit.test(obj)?||?isNaN(obj);

}

//jquery1.7?就是isNaN的取反版

jQuery.isNumeric?=?function(obj)?{

return?obj?!=?null??rdigit.test(obj)??!isNaN(obj);

}

//jquery1.71~1.72

jQuery.isNumeric?=?function(obj)?{

return?!isNaN(parseFloat(obj))??isFinite(obj);

}

//jquery2.1

jQuery.isNumeric?=?function(obj)?{

return?obj?-?parseFloat(obj)?=?0;

}

這是jquery??搞的isNumeric??

到jquery3，就變得更復雜了

isNumeric:?function(?obj?)?{

//?parseFloat?NaNs?numeric-cast?false?positives?(null|true|false|"")

//?...but?misinterprets?leading-number?strings,?particularly?hex?literals?("0x...")

//?subtraction?forces?infinities?to?NaN

//?adding?1?corrects?loss?of?precision?from?parseFloat?(#15100)

return?!jQuery.isArray(?obj?)??(?obj?-?parseFloat(?obj?)?+?1?)?=?0;

},

Jquery利用is判斷多選框是不是被選中

假設多選框的name='chkbx'，那么可以如下來判斷

var chks = $("[name='chkbx']:checked")

或者

var chks = $("[name='chkbx']").find("option:checked");

判斷是否為空，不為空就至少有一個被選中，不為空時也可以通過length來獲取個數(shù)

本文題目：jquery.is,jqueryis方法
轉載來源：http://aaarwkj.com/article22/dsshocc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、網(wǎng)站導航、虛擬主機、營銷型網(wǎng)站建設、標簽優(yōu)化、網(wǎng)站內(nèi)鏈

廣告

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