jQuery的簡單筆記

標籤：android   io   ar   使用   java   sp   div   on   cti   

html css javaScript Ajax jQuery Java servlet jsp jdbc mysql oracle
struts spring hibernate jdpm tomcat jUnit Ant Hadoop linux unix
android sql server

jQuery的簡單筆記
//使用JQuery輸出
    /*
     * jquery對象：需要用"$"來修飾
     *
     * jquery擷取頁面標籤：$()來包裹，通過"#id"來擷取
     *
     */
 //dom轉化為JQUery對象  $(DOM對象)
  var username = document.getElementById("username");
 
  var $username = $(username);
 
  alert($username.val());
<script language="JavaScript">
   //JQUERY對象轉化為DOM對象
   
   //方法一：jquery對象是一個數組對象，擷取利用索引值進行轉換成DOM對象
   var $username = $("#username");
   
//   var username = $username[0];
//   
//   alert(username.value);
   
   //方法二：在jquery中，提供了一個get(index)方法，get()中傳入索引值，來進行轉換成DOM對象
   
   var username = $username.get(0);
   
   alert(username.value);
   
   /*
    * DOM對象與Jquery對象可以相互轉換
    *         * Jquery對象不能使用DOM對象的屬性和方法
    *         * DOM對象不能使用jquery對象的屬性和方法
    */
       
  </script>

<script language="JavaScript">
        //<input type="button" value="改變 id 為 one 的元素的背景色為 #0000FF"  id="b1"/>
        //document.getElementById("b1").onclick = function(){}
        $("#b1").click(function(){
            /*
             * css(name,value)
             *         * 改變標籤的樣式
             *         * name：屬性名稱，對應要到css協助文檔中尋找對應的名稱
             *         * value：屬性的值
             */
            $("#one").css("background","#0000FF");
        });
        
        
        //<input type="button" value=" 改變元素名為 <div> 的所有元素的背景色為 #00FFFF"  id="b2"/>
        $("#b2").click(function(){
            $("div").css("background","#00FFFF");
        });
        
        //<input type="button" value=" 改變 class 為 mini 的所有元素的背景色為 #FF0033"  id="b3"/>
        $("#b3").click(function(){
            $(".mini").css("background","#FF0033");
        });
        
        //<input type="button" value=" 改變所有元素的背景色為 #00FF33"  id="b4"/>
        $("#b4").click(function(){
            $("*").css("background","#00FF33");
        });
        
        //<input type="button" value=" 改變所有的<span>元素和 id 為 two 的元素的背景色為 #3399FF"  id="b5"/>
        $("#b5").click(function(){
            //多個選取器並列使用，用","隔開
            $("span,#two").css("background","#3399FF");
        });

</script>

jQuery的簡單筆記