国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

jquery屬性

lsxiao / 1319人閱讀

摘要：函數(shù)的結(jié)果如果有相應(yīng)的屬性，返回指定屬性值。如果沒(méi)有相應(yīng)的屬性，返回值是。對(duì)于元素本身就帶有的固有屬性，在處理時(shí)，使用方法。

原生方法給對(duì)象加屬性

div


打印輸出123 注意：此時(shí)在DOM結(jié)構(gòu)中看不見(jiàn)值

2.oDiv.setAttribute("bb","456");
console.log(oDiv.bb);

現(xiàn)在DOM中可以看見(jiàn)值了，但是想要打印輸出bb的值就要
oDiv.setAttribute("bb","456");
console.log(oDiv.getAttribute("bb"));

建議如果是自定義屬性用第1種方法，如果屬性的值是自帶的，比如id class用第二種方式。

用jquery的方式寫 
1..attr（）和.prop（）都是獲取值用的。
$("#div1").attr("aa","123");
console.log($("#div1").attr("aa"));

$div1.prop("bb","456");
console.log($div1.prop("bb"));

注意： .attr和.prop的區(qū)別
prop()函數(shù)的結(jié)果:
  1.如果有相應(yīng)的屬性，返回指定屬性值。
  2.如果沒(méi)有相應(yīng)的屬性，返回值是空字符串。
attr()函數(shù)的結(jié)果:
  1.如果有相應(yīng)的屬性，返回指定屬性值。
  2.如果沒(méi)有相應(yīng)的屬性，返回值是undefined。
  
對(duì)于HTML元素我們自己自定義的DOM屬性，在處理時(shí)，使用attr方法。
對(duì)于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。

具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 使用prop()。

舉個(gè)例子 

你愛(ài)好的運(yùn)動(dòng)是？



    足球
    籃球
    排球
    羽毛球
    

    
    
    
    


var $hobbys = $("input[name="hobby"]");
//全選
$("#all").on("click",function(){
    $hobbys.prop("checked",true);
});
//全不選
$("#notall").on("click",function(){
     $hobbys.prop("checked",false);
 });
1.出現(xiàn)了一個(gè)問(wèn)題：點(diǎn)擊按鈕的時(shí)候網(wǎng)頁(yè)回自己提交。
解決辦法： form表單中的按鈕button要加上一句 type="button"
           這樣
2.反選
 //反選時(shí)要知道哪個(gè)已經(jīng)被選了 哪個(gè)沒(méi)被選 要遍歷一次
         $("#reverse").on("click",function(){
             for(var i=0; i<$hobbys.length; i++){
                    var elem = $("input[name="hobby"]:eq("+i+"):checked");
                    //表示選中的框
                    console.log(elem);
                }
         });
 //打印輸出
 

選中第二項(xiàng) 點(diǎn)擊反選 會(huì)遍歷輸出4個(gè)數(shù)組 


發(fā)現(xiàn)數(shù)組的length可以區(qū)別某個(gè)框是否被選上 巴特 我不會(huì)寫了

插播forEach用法

var arr=["a","b","c"];
    arr.forEach(function(elem,index,arr){
        console.log(elem,arr);
    });
   比f(wàn)or循環(huán)簡(jiǎn)單一點(diǎn)

回到剛才

jquery中有一個(gè)循環(huán)方法each() 巴特 each(index,elem,arr)
//反選
 $("#reverse").on("click",function(){
      $hobbys.each(function(index,elem,arr){
          console.log(elem);
      });
 });
 現(xiàn)在輸出的是原生對(duì)象
 

console.log($(elem).prop("checked"));


現(xiàn)在可以通過(guò)判斷true/false判斷是否被選中

//反選

$hobbys.each(function(index,elem,arr){
      if($(elem).prop("checked")){
          $(elem).prop("checked",false);
       }
      else{
          $(elem).prop("checked",true); 
          }
});
也可以用原生的方法寫
//反選
$hobbys.each(function(index,elem,arr){
    this.checked = !this.checked;
}
this指當(dāng)前的對(duì)象

說(shuō)三遍 具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 使用prop()。

完整代碼 



    
    
    
    Document


    
你愛(ài)好的運(yùn)動(dòng)是？

    

        足球
        籃球
        排球
        羽毛球

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/97775.html

相關(guān)文章

  • jQuery源碼分析2-JQ對(duì)象添加一些方法和屬性

    摘要：節(jié)點(diǎn)修改對(duì)象的屬性，這就相當(dāng)于把對(duì)象轉(zhuǎn)成了一個(gè)類數(shù)組，最后返回，可用于鏈?zhǔn)秸{(diào)用。如果傳入的是單標(biāo)簽，且第二個(gè)參數(shù)是一個(gè)純對(duì)象例如則把后面對(duì)象的屬性一一添加到創(chuàng)建的這個(gè)節(jié)點(diǎn)的屬性上。 我們先看看jQuery的原型中初始化了哪些屬性和方法： jQuery.fn = jQuery.prototype = { jquery: core_version, //jquery版本號(hào) ...

    TANKING 評(píng)論0 收藏0

  • jQuery源碼分析3-jQuery對(duì)象的擴(kuò)展--extend

    摘要：的指向的是對(duì)象，所以此時(shí)擴(kuò)展的是對(duì)象，可以直接通過(guò)的方式調(diào)用。 寫過(guò)jquery插件的人都知道可以通過(guò)jquery提供的extend可以對(duì)jquery對(duì)象進(jìn)行擴(kuò)展，而且該方法不僅可以對(duì)jquery對(duì)象擴(kuò)展，還能給一個(gè)對(duì)象添加新的屬性和方法，這個(gè)在后面會(huì)介紹。 通過(guò)不同的方式調(diào)用extend擴(kuò)展的方法也不同： 通過(guò) $.extend() 擴(kuò)展的是靜態(tài)方法； 而通過(guò) $.fn.exten...

    MonoLog 評(píng)論0 收藏0

  • JQuery基礎(chǔ)修煉-樣式篇

    摘要：具有相同的父元素，并匹配過(guò)濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見(jiàn)元素的寬度或高度，是大于零。元素的或被認(rèn)為是可見(jiàn)的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開(kāi)發(fā)常見(jiàn)中經(jīng)常使用的功能。我們可以用jQuery...

    _Dreams 評(píng)論0 收藏0

  • JQuery基礎(chǔ)修煉-樣式篇

    摘要：具有相同的父元素，并匹配過(guò)濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見(jiàn)元素的寬度或高度，是大于零。元素的或被認(rèn)為是可見(jiàn)的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開(kāi)發(fā)常見(jiàn)中經(jīng)常使用的功能。我們可以用jQuery...

    luck 評(píng)論0 收藏0

  • 20170621-jQuery總體結(jié)構(gòu)分析

    摘要：利用了這一特性，通過(guò)在構(gòu)造函數(shù)內(nèi)部用運(yùn)算符創(chuàng)建并返回另一個(gè)構(gòu)造函數(shù)的實(shí)例，因此當(dāng)我們創(chuàng)建對(duì)象的時(shí)候，可以使用的形式，也可以省略運(yùn)算符，直接通過(guò)的形式得到對(duì)象。 jQuery總體結(jié)構(gòu) 1 (function(window, undefined){ 2 3 var jQuery = (function(){ 4 var jQuery = f...

    dinfer 評(píng)論0 收藏0

  • 淺析jQuery整體框架與實(shí)現(xiàn)（上）

    摘要：通常的做法是，為它們指定回調(diào)函數(shù)。請(qǐng)求返回請(qǐng)求返回請(qǐng)求返回異步隊(duì)列解耦異步任務(wù)和回調(diào)函數(shù)為模塊隊(duì)列模塊事件提供基礎(chǔ)功能。 前言 jQuery整體框架甚是復(fù)雜，也不易讀懂，這幾日一直在研究這個(gè)笨重而強(qiáng)大的框架。jQuery的總體架構(gòu)可以分為：入口模塊、底層模塊和功能模塊。這里，我們以jquery-1.7.1為例進(jìn)行分析。 jquery的總體架構(gòu) 16 (function( window,...

    VEIGHTZ 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<