Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲精品视频在线看,欧美日韩福利视频,亚洲欧美中文日韩二区一区 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數(shù)據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          jQuery-獲取內容和屬性
          
        
           
          
	
	
          
		jQuery-獲取內容和屬性
          
                        
          Query 擁有可操作 HTML 元素和屬性的強大方法。
          jQuery DOM 操作
          jQuery 中非常重要的部分，就是操作 DOM 的能力。
          jQuery 提供一系列與 DOM 相關的方法，這使訪問和操作元素和屬性變得很容易。
          獲得內容 - text()、html() 以及 val()
          三個簡單實用的用于 DOM 操作的 jQuery 方法：
          • text() - 設置或返回所選元素的文本內容
          • html() - 設置或返回所選元素的內容（包括 HTML 標記）
          • val() - 設置或返回表單字段的值
          下面的例子演示如何通過 jQuery text() 和 html() 方法來獲得內容：
          實例
          $("#btn1").click(function(){alert("Text: " + $("#test").text());});$("#btn2").click(function(){alert("HTML: " + $("#test").html());});
          嘗試一下 ?
          下面的例子演示如何通過 jQuery val() 方法獲得輸入字段的值：
          實例
          $("#btn1").click(function(){alert("值為: " + $("#test").val());});
          獲取屬性 - attr()
          jQuery attr() 方法用于獲取屬性值。
          下面的例子演示如何獲得鏈接中 href 屬性的值：
          實例
          $("button").click(function(){alert($("#runoob").attr("href"));});
          DOM=Document Object Model（文檔對象模型）
          DOM 定義訪問 HTML 和 XML 文檔的標準：
          "W3C 文檔對象模型獨立于平臺和語言的界面，允許程序和腳本動態(tài)訪問和更新文檔的內容、結構以及樣式。"
          開發(fā)過程中，jQuery.html() 是獲取當前節(jié)點下的html代碼，并不包含當前節(jié)點本身的代碼，然后我們有時候確需要，找遍jQuery api文檔也沒有任何方法可以拿到。
          看到有的人通過parent().html()，如果當前元素沒有兄弟元素還行，如果有那就行不通了。后臺實驗發(fā)現(xiàn)有一個jQuery的一個方法可以解決，而且非常簡便，如下：
          jQuery.prop("outerHTML");
          <div class="test"><p>hello，你好！</p></div>
<script>$(".test").prop("outerHTML");</script>
          輸出結果為：<div class="test"><P>hello,你好！</p></div>
          因為原生JS DOM里有一個內置屬性 outerHTML （看清大小寫哦，JS是區(qū)分大小寫的）用來獲取當前節(jié)點的html代碼(包含當前節(jié)點)，所以用jQuery的prop()能拿到，經過實驗attr()方法是拿不到的，不信的話，大家也可以嘗試嘗試，謝謝。
          當然也有人用jQuery的 clone() 函數(shù)配合append() 來創(chuàng)建一個只有一個子元素的節(jié)點，然后來拿節(jié)點的html，這樣也是可行的，但是代碼繁瑣。
          、jQuery的事件有哪些？
          javscript的事件：onClick,onmouseover
          jquery的事件：click,mouseover
          注意jQuery的事件比javascript的事件少一個on
          1）鼠標事件
           click：單擊事件
           //dbclick：雙擊事件
           mouseover：鼠標懸念（移入）
           mouseout：鼠標移出
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
           <style>
           .abc{
           background-color: #aaa;
           }
           </style>
           <script type="text/javascript">
           $(function(){
           $("#nav li").mouseover(function(){
           $(this).addClass("abc");//當鼠標移入li元素時添加樣式
           }).mouseout(function(){
           //$(this).removeClass() //當鼠標移出時刪除所有樣式
           $(this).removeClass("abc") //當鼠標移出時刪除指定樣式
           });
           });
           </script>
           <div id="nav">
           <ul>
           <li><a href="#">首頁</a></li>
           <li><a href="#">服裝</a></li>
           <li><a href="#">電器</a></li>
           <li><a href="#">團購</a></li>
           <li><a href="#">在線瀏覽</a></li>
           </ul>
           </div>
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22
          • 23
          • 24
          • 25
          • 26
          2) 鍵盤事件
           keydown：鍵盤按下事件
           keypress：鍵盤按下并放開時觸發(fā)
           keydown：鍵盤放開時觸發(fā)
          • 1
          • 2
          • 3
          • 4
          • 5
           <script type="text/javascript">
           $(function(){
           //按回車鍵自動登錄(不用再點擊登錄按鈕)
           $(document).keydown(function(event){
           if(event.keyCode==13){
           $("#actionForm").submit();
           return true;
           }
           return false;
           })
           });
           </script>
           <form id="actionForm" action="../index.html">
           登錄名：<input id="txtLoginName" /><br />
           密碼：<input type="password" />
           <input type="button" value="登錄" />
           </form>
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          3) 表單事件
           focus：獲得焦點時觸發(fā)
           blur：失去焦點
           select：文本選中時觸發(fā)
          • 1
          • 2
          • 3
          • 4
          • 5
          <script type="text/javascript">
           $(function(){
           //文本框獲得焦點時，將當前文本框的內容清空（值等于"請輸入登錄名.."）
           //文本框失去焦點時，判斷內容是否為"請輸入登錄名.."或是否為空，那么將這個值"請輸入登錄名.."設回到文本框
           $("#txtLoginName").focus(function(){
           if($(this).val()=='請輸入登錄名...'){
           $(this).val('');//清空內容
           }
           }).blur(function(){
           if($(this).val().trim()==''){
           $(this).val('請輸入登錄名...');//清空內容
           }
           });
           });
           </script>
           <form id="actionForm" action="../index.html">
           登錄名：<input id="txtLoginName" value="請輸入登錄名..." /><br />
           密碼：<input type="password" />
           <input type="button" value="登錄" />
           </form>
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22
          4）其它事件
           bind()：綁定事件
           unbind()：移除綁定事件
          • 1
          • 2
          • 3
          • 4
           <script type="text/javascript">
           $(function(){
           //綁定單個事件
          // $("#btn1").bind('click',function(){
          // alert("OK");
          // });
           //綁定多個事件
           $("#btn1").bind({
           mouseover:function(){
           alert("鼠標懸念");
           },
           mouseout:function(){
           alert("鼠標移出");
           }
           })
           //解除綁定事件
           $("#btn2").click(function(){
           //$("#btn1").unbind("click");//解除綁定的單個事件
           $("#btn1").unbind("mouseover mouseout");//解除多個綁定的事件，用空格分隔
           //$("#btn1").unbind();//解除所有綁定的事件
           });
           });
           </script>
           <input type="button" id="btn1" value="點我" /><br />
           <input type="button" id="btn2" value="解除綁定" />
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22
          • 23
          • 24
          • 25
          • 26
           hover()：相當于mouseover和mouseout的組合
          • 1
          • 2
           .abc{
           background-color: #aaa;
           }
           </style>
           <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
           <script type="text/javascript">
           $(function(){
          // $("#nav li").mouseover(function(){
          // $(this).addClass("abc");//當鼠標移入li元素時添加樣式
          // }).mouseout(function(){
          // //$(this).removeClass() //當鼠標移出時刪除所有樣式
          // $(this).removeClass("abc") //當鼠標移出時刪除指定樣式
          // });
           $("#nav li").hover(
           function(){
           $(this).addClass("abc");//當鼠標移入li元素時添加樣式
           },
           function(){
           $(this).removeClass("abc") //當鼠標移出時刪除指定樣式
           }
           );
           });
           </script>
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22
          • 23
          • 24
          • 25
           togger()：
           a) 鼠標連續(xù)點擊
           b) 顯示和隱藏 
          • 1
          • 2
          • 3
          • 4
          <script type="text/javascript">
           $(function(){
           //點擊當前頁面時顯示紅綠藍的背景色
           $("body").toggle(
           function(){
           $(this).css("background-color","red");
           },
           function(){
           $(this).css("background-color","green");
           },
           function(){
           $(this).css("background-color","blue");
           }
           );
           });
           </script>
           </head>
           <body>
           測試
           </body>
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品无人区一区二区三区在线|
亚洲av成人一区二区三区观看在线|
无码丰满熟妇一区二区|
精品一区二区三区中文|
精品乱码一区二区三区四区|
日本一区二区三区在线网|
3D动漫精品啪啪一区二区下载|
国产韩国精品一区二区三区|
eeuss鲁片一区二区三区|
精品日产一区二区三区手机|
国产精品美女一区二区
|
国产成人片视频一区二区|
欧美av色香蕉一区二区蜜桃小说
|
中文字幕色AV一区二区三区|
色国产在线视频一区|
日韩免费一区二区三区在线|
国产香蕉一区二区在线网站
|
国产一区二区成人|
久久精品一区二区三区资源网|
久久久久国产一区二区|
日韩一区二区三区精品|
亚洲视频在线一区二区|
精品一区二区三区免费毛片|
波多野结衣中文一区二区免费|
亚洲AV日韩AV一区二区三曲|
在线观看国产一区二三区|
国产精品一区二区不卡|
韩国一区二区视频|
国产精品无码一区二区三区不卡|
伊人色综合一区二区三区影院视频
|
日本一区二区三区久久|
在线免费一区二区|
美女视频免费看一区二区|
无码欧精品亚洲日韩一区夜夜嗨|
亚洲男人的天堂一区二区|
亚洲线精品一区二区三区影音先锋|
中文字幕精品无码一区二区三区
|
国产一区二区三区影院|
免费无码A片一区二三区|
相泽南亚洲一区二区在线播放|
免费无码AV一区二区|