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 91网址免费入口,亚洲日韩aⅴ在线视频,国产精品高清视亚洲乱码 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          jQuery HTML代碼/文本
          
        
           
          
	
	
          
		
                        
          tml([val|fn]) 返回值:String
          取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。
          在一個(gè) HTML 文檔中, 我們可以使用 .html() 方法來(lái)獲取任意一個(gè)元素的內(nèi)容。
          如果選擇器匹配多于一個(gè)的元素，那么只有第一個(gè)匹配元素的 HTML 內(nèi)容會(huì)被獲取。

          function(index, html) Function
          此函數(shù)返回一個(gè)HTML字符串。接受兩個(gè)參數(shù)，index為元素在集合中的索引位置，html為原先的HTML值。
          返回p元素的內(nèi)容。
          jQuery 代碼:
          $('p').html();
          設(shè)置所有 p 元素的內(nèi)容
          jQuery 代碼:
          $("p").html("Hello <b>world</b>!");
          使用函數(shù)來(lái)設(shè)置所有匹配元素的內(nèi)容。
          jQuery 代碼:
          $("p").html(function(index,n){
    return "這個(gè) p 元素的 index 是：" + n;
});

          text([val|fn]) 返回值:String
          val String 用于設(shè)定HTML內(nèi)容的值
          function(index, html) Function 此函數(shù)返回一個(gè)HTML字符串。接受兩個(gè)參數(shù)，index為元素在集合中的索引位置，html為原先的HTML值。
          返回p元素的文本內(nèi)容。
          jQuery 代碼:
          $('p').text();
          設(shè)置所有 p 元素的文本內(nèi)容
          jQuery 代碼:
          $("p").text("Hello world!");
          使用函數(shù)來(lái)設(shè)置所有匹配元素的文本內(nèi)容。
          jQuery 代碼:
          $("p").text(function(index,n){
    return "這個(gè) p 元素的 index 是：" + n;
});
$("#test").html();  
          意思是指：獲取ID為test的元素內(nèi)的html代碼。其中html()是jQuery里的方法
          這段代碼等同于用DOM實(shí)現(xiàn)代碼：
          document.getElementById("test").innerHTML;

          直接獲取、編輯內(nèi)容
          在jQuery中，主要是通過(guò)html()和text()兩種方法來(lái)獲取和編輯頁(yè)面內(nèi)容的。其中html()相當(dāng)于獲取節(jié)點(diǎn)的innerHTML屬性，
          添加參數(shù)html(text)時(shí),則為設(shè)置innerHTML;而text()則用來(lái)獲取元素的純文本，text(content)為設(shè)置純文本。
          實(shí)例1:
          jQuery代碼:
          $(function(){
    var sString = $("p:first").text(); //獲取純文本
    $("p:last").html(sString);
});
          HTML代碼:
          <p><b>文本</b>段 落<em>示</em>例</p>
<p></p>
          實(shí)例2:
          jQuery代碼:
          $(function(){
    $("p").click(function(){
        var sHtmlStr = $(this).html(); //獲取innerHTML
        $(this).text(sHtmlStr); //將代碼做為純文本傳入
    });
});
          HTML代碼:
          <p><b>文本</b>段 落<em>示</em>例</p>
          實(shí)例3：獲取選擇框的文本
          $("#id").find("option:selected").text(); //獲取Select選擇的text文本
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$function(){
    $('#OK').bind('click', function () {
    alert($("#id").find("option:selected").text());
    });
}
</script>
</head>
<body>
<select id="select">
<option value="1">text1</option>
<option value="2">text2</option>
<option value="3">text3</option>
<option value="4">text4</option>
</select>
<button id="OK">
獲取為本</button>
</body>
</html>
          $().html(); //獲得節(jié)點(diǎn)包含的信息
          $().html(信息); //設(shè)置節(jié)點(diǎn)包含的內(nèi)容
          $().text(); //獲得節(jié)點(diǎn)包含的"文本字符串信息"內(nèi)容
          $().text(信息); //設(shè)置節(jié)點(diǎn)包含的內(nèi)容(有html標(biāo)簽就把"><"符號(hào)變?yōu)榉?hào)實(shí)體)
          注意: DOM操作必須保住DOM節(jié)點(diǎn)必須存在, 當(dāng)然也包括使用css樣式display:none隱藏的DOM節(jié)點(diǎn), 否則會(huì)導(dǎo)致js語(yǔ)法錯(cuò)誤;
          過(guò) jQuery，可以很容易地添加新元素/內(nèi)容。
          添加新的 HTML 內(nèi)容
          我們將學(xué)習(xí)用于添加新內(nèi)容的四個(gè) jQuery 方法：
          • append() - 在被選元素的結(jié)尾插入內(nèi)容
          • prepend() - 在被選元素的開(kāi)頭插入內(nèi)容
          • after() - 在被選元素之后插入內(nèi)容
          • before() - 在被選元素之前插入內(nèi)容
          jQuery append() 方法
          jQuery append() 方法在被選元素的結(jié)尾插入內(nèi)容。
          實(shí)例
          $("p").append("追加文本");
          jQuery prepend() 方法
          jQuery prepend() 方法在被選元素的開(kāi)頭插入內(nèi)容。
          實(shí)例
          $("p").prepend("在開(kāi)頭追加文本");
          通過(guò) append() 和 prepend() 方法添加若干新元素
          在上面的例子中，我們只在被選元素的開(kāi)頭/結(jié)尾插入文本/HTML。
          不過(guò)，append() 和 prepend() 方法能夠通過(guò)參數(shù)接收無(wú)限數(shù)量的新元素。可以通過(guò) jQuery 來(lái)生成文本/HTML（就像上面的例子那樣），或者通過(guò) JavaScript 代碼和 DOM 元素。
          在下面的例子中，我們創(chuàng)建若干個(gè)新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) append() 方法把這些新元素追加到文本中（對(duì) prepend() 同樣有效）：
          實(shí)例
          functionappendText(){vartxt1="<p>文本。</p>"; // 使用 HTML 標(biāo)簽創(chuàng)建文本vartxt2=$("<p></p>").text("文本。"); // 使用 jQuery 創(chuàng)建文本vartxt3=document.createElement("p"); txt3.innerHTML="文本。"; // 使用 DOM 創(chuàng)建文本 text with DOM $("body").append(txt1,txt2,txt3); // 追加新元素}
          jQuery after() 和 before() 方法
          jQuery after() 方法在被選元素之后插入內(nèi)容。
          jQuery before() 方法在被選元素之前插入內(nèi)容。
          實(shí)例
          $("img").after("在后面添加文本"); $("img").before("在前面添加文本");
          通過(guò) after() 和 before() 方法添加若干新元素
          after() 和 before() 方法能夠通過(guò)參數(shù)接收無(wú)限數(shù)量的新元素。可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建新元素。
          在下面的例子中，我們創(chuàng)建若干新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) after() 方法把這些新元素插到文本中（對(duì) before() 同樣有效）：
          實(shí)例
          functionafterText(){vartxt1="<b>I </b>"; // 使用 HTML 創(chuàng)建元素vartxt2=$("<i></i>").text("love "); // 使用 jQuery 創(chuàng)建元素vartxt3=document.createElement("big"); // 使用 DOM 創(chuàng)建元素txt3.innerHTML="jQuery!"; $("img").after(txt1,txt2,txt3); // 在圖片后添加文本}
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          Query 中包含更改和操作 HTML 元素和屬性的強(qiáng)大方法。我們可以通過(guò)這些方法來(lái)獲取 HTML 元素中的文本內(nèi)容、元素內(nèi)容（例如HTML標(biāo)簽）、屬性值等。
          text()方法
          text() 方法可以用于設(shè)置或獲取所選元素的文本內(nèi)容。
          示例：
          例如我們獲取下列 <p> 標(biāo)簽中的文本內(nèi)容：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    var content = $('.hello').text();
    alert(content);
  });
</script>
</head>
<body>
  <p class="hello">你好，歡迎來(lái)到俠課島!</p>
  <div>
    <p>希望俠課島中有適合你的編程課程。</p>
  </div>
</body>
</html>

          在瀏覽器中演示效果：
          除了獲取文本內(nèi)容，text() 還可以用于設(shè)置文本內(nèi)容，我們可以來(lái)看一下。
          示例：
          例如通過(guò) text() 將 .content 的文本內(nèi)容設(shè)置為 hello, xkd!：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    $("button").click(function(){
      $('.content').text("hello, xkd!");
    });
  });
</script>
</head>
<body>
  <p class="content">你好，歡迎來(lái)到俠課島!</p>
  <p><button>點(diǎn)擊按鈕</button></p>
</body>
</html>


          在瀏覽器中演示效果：
          html()方法
          html() 方法用于設(shè)置或返回所選元素的內(nèi)容（包括HTML標(biāo)記）。
          示例：
          通過(guò) html() 方法獲取 p 元素的內(nèi)容：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    var content = $('.hello').html();
    alert(content);
  });
</script>
</head>
<body>
  <p class="hello">你好，歡迎來(lái)到俠課島!</p>
</body>
</html>

          在瀏覽器中演示效果：
          除此之外，我們還可以使用 html() 方法來(lái)設(shè)置指定元素的內(nèi)容：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    $('.hello').html('你好，歡迎來(lái)到俠課島!');
  });
</script>
</head>
<body>
  <p>向下面的p標(biāo)簽中添加文本內(nèi)容：</p>
  <p class="hello"></p>
</body>
</html>

          在瀏覽器中演示效果：
          val()方法
          val() 用于設(shè)置或返回表單字段的值。該方法大多時(shí)候用于 input 元素。
          示例：
          例如獲取輸入框 input 中的值：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    $("button").click(function(){
      alert($('input').val());
    });
  });
</script>
</head>
<body>
  文本輸入框：<input type="text" name="name" value="summer" />
  <p>
    <button>獲取輸入框的值</button>
  </p>
</body>
</html>

          在瀏覽器中演示效果：
          如果要使用 val() 方法設(shè)置 value 的值，我們可以像下面這樣做：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    $("button").click(function(){
      $('input').val('summer')
    });
  });
</script>
</head>
<body>
  文本輸入框：<input type="text" name="name" value="" />
  <p>
    <button>獲取輸入框的值</button>
  </p>
</body>
</html>

          在瀏覽器中演示效果：
          attr()方法
          attr() 方法用于設(shè)置或返回被選元素的屬性值。
          示例：
          例如下面這個(gè)例子：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    alert($('div').attr("class"));
  });
</script>
</head>
<body>
  <div class="xkd">獲取class屬性的值</div>
</body>
</html>

          在瀏覽器中演示效果：
          attr() 方法除了獲取元素的屬性值，還可以設(shè)置元素的屬性值，我們來(lái)看一下。
          示例：
          將下面 <div> 標(biāo)簽中的 class 屬性的值設(shè)置為 summer：
          <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_俠課島(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
    $('div').attr("class", "summer")
  });
</script>
</head>
<body>
  <div>設(shè)置class屬性的值</div>
</body>
</html>

          在瀏覽器中演示效果：
          鏈接：https://www.9xkd.com/
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲AV成人一区二区三区观看|
国产精品电影一区二区三区|
国产精品一区二区三区高清在线|
一区五十路在线中出|
亚洲日本乱码一区二区在线二产线
|
在线精品动漫一区二区无广告|
精品国产福利一区二区|
精品一区二区三区四区在线|
波多野结衣一区二区三区88|
亚洲日韩一区二区三区|
亚洲国产精品一区二区久|
无码精品人妻一区二区三区中|
少妇无码AV无码一区|
国模大尺度视频一区二区|
一区二区三区在线|
国产日韩视频一区|
日韩美女视频一区|
国产精品成人一区无码|
国产成人av一区二区三区在线观看
|
国精无码欧精品亚洲一区|
精品人妻少妇一区二区三区在线|
波多野结衣中文一区|
日本一区二区三区四区视频|
久久久久久人妻一区二区三区|
国产对白精品刺激一区二区|
精品熟人妻一区二区三区四区不卡|
一区二区在线电影|
精品午夜福利无人区乱码一区|
美女视频一区三区网站在线观看|
亚洲高清毛片一区二区|
精品国产一区二区三区AV|
国产视频一区二区在线观看|
国产91精品一区|
三上悠亚精品一区二区久久|
国产在线视频一区二区三区98|
亚洲AV综合色一区二区三区|
精品一区二区三区在线观看视频|
国产91精品一区二区麻豆网站
|
欧美激情国产精品视频一区二区|
成人在线观看一区|
国产不卡视频一区二区三区|