成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

jquery屬性

lsxiao / 1326人閱讀

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

原生方法給對象加屬性

div


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

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

現(xiàn)在DOM中可以看見值了，但是想要打印輸出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.如果沒有相應(yīng)的屬性，返回值是空字符串。
attr()函數(shù)的結(jié)果:
  1.如果有相應(yīng)的屬性，返回指定屬性值。
  2.如果沒有相應(yīng)的屬性，返回值是undefined。
  
對于HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。
對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。

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

舉個例子 

你愛好的運動是？



    足球
    籃球
    排球
    羽毛球
    

    
    
    
    


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

選中第二項 點擊反選 會遍歷輸出4個數(shù)組 


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

插播forEach用法

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

回到剛才

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

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


現(xiàn)在可以通過判斷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)前的對象

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

完整代碼 



    
    
    
    Document


    
你愛好的運動是？

    

        足球
        籃球
        排球
        羽毛球

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97775.html

相關(guān)文章

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

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

    TANKING 評論0 收藏0

  • jQuery源碼分析3-jQuery對象的擴展--extend

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

    MonoLog 評論0 收藏0

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

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

    _Dreams 評論0 收藏0

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

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

    luck 評論0 收藏0

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

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

    dinfer 評論0 收藏0

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

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

    VEIGHTZ 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<