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 国产精品无码久久久久,最近中文字幕完整版视频在线看,曰本亚洲欧洲色a在线 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          JavaScript 設置列表選項(li)可刪除
          
        
           
          
	
	
          
		
                        
          下實例我們演示了如何使用 JavaScript 來關閉列表選項：
          HTML 代碼
          <ul>
           <li>Adele</li>
           <li>Agnes<span class="close">x</span></li>
           <li>Billy<span class="close">x</span></li>
           <li>Bob<span class="close">x</span></li>
           <li>Calvin<span class="close">x</span></li>
           <li>Christina<span class="close">x</span></li>
           <li>Cindy</li>
          </ul>
          CSS 代碼
          * {
           box-sizing: border-box;
          }
          TML ul li 橫排居中排列的方法，三步驟及實例
          ul li 橫排居中排列的方法
          無序列表的列表項默認情況下是豎著排的，因為li元素是塊級元素，會自動分行。那如果要將列表的列表項進行橫排，比用無序列表ul元素定義一個導航條。那該怎么辦呢？這當中有三個應當被解決的東西，一個是橫排本身，另一個就是應當把無序列表項的圓點去掉，第三則是讓ul定義的列表居中顯示，包括水平居中和垂直居中。方法如下：
          HTML ul li 橫排居中排列的方法，三步驟及實例
          ul li橫排的方法
          將ul無序列表元素中的列表項li元素的display屬性設置成inline或inline-block，個人比較常用的是后者：
          ul li{display:inline-block;}
          ul水平居中和垂直居中的方法
          水平居中方法：只要將ul元素包含于一個div元素，并將div元素的text-align屬性設置為center即可將ul水平居中。除此之外，因為ul的列表默認情況下是有左內邊距的，所以，為了能夠讓列表能夠更好地水平居中，需要將ul的左內邊距padding-left設置為0，具體可見下方的綜合實例。
          垂直居中方法：為包含ul元素的div元素設置寬度width和高度height（實際上導航條一般也需要有寬度和高度的設置），然后將ul的line-height屬性設置為父元素的高度height即可。
          去掉圓點的方法
          將ul元素的list-style屬性設置為none即可。
          HTML ul li 橫排居中排列的方法，三步驟及實例
          ul li 橫排居中排列綜合實例代碼，及在線編輯器
          <div class='e1'>
  <ul class='e2'>
    <li>HTML</li>
    <li>python</li>
    <li>golang</li>
  </ul>
</div>

<style>
  .e1{width:100%;height:50px;border:1px solid skyblue;text-align:center;}
  .e2{list-style:none;padding-left:0%;}
  .e2 li{line-height:50px;display:inline-block;}
</style>
          HTML+CSS+JS實例在線編輯器：
          HTML ul li 橫排居中排列的方法，綜合實例在線 - HTML教程
          實例代碼解析
          如上代碼，一定要將ul的左內邊距padding-left設置為0，否則ul列表的“水平居中”將偏向右邊，大家可以將.e2中的padding-left刪除掉，然后再在線運行看一看效果。
          python全棧：
          笨鳥工具-璞玉天成，大器晚成
          節我們學習如何使用 jQuery 中的方法來添加和刪除 HTML 元素。
          jQuery 中用于添加 HTML 元素的方法有如下幾種：
          方法
          描述
          append()
          在所選元素的末尾插入內容
          prepend()
          在選定元素的開頭插入內容
          after()
          在選定元素后插入內容
          before()
          在選定元素之前插入內容
          而用于刪除元素的方法有：
          方法
          描述
          remove()
          刪除被選元素容，包括子元素
          empty()
          刪除被選元素的所有子節點和內容
          append()方法
          append() 方法可以在指定元素的末尾插入內容。
          語法如下：
          $(selector).append(content,function(index,html))

          • content：規定要插入的內容，可以包含 HTML 元素、jQuery 對象、DOM 元素。
          • function(index,html)：規定返回待插入內容的函數，index 為集合中元素的索引位置，html 為被選元素的當前 HTML。
          示例：
          我們來看下面這個例子：
          <!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(){
      $("p").append("俠課島");
    });
  });
</script>
</head>
<body>
  <p>你好，我的名字叫做：</p>
  <button>點擊追加文本</button>
</body>
</html>

          點擊按鈕，在指定的 <p> 標簽末尾添加文本內容 “俠課島”，我們可以在瀏覽器中看一下演示結果：
          除了文本內容，我們還可以在元素中添加 HTML ：
          <!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(){
      $("ul").append("<li>strawberry</li>");
    });
  });
</script>
</head>
<body>
  <ul>
    <li>apple</li>
    <li>pear</li>
    <li>peach</li>
    <li>watermelon</li>
  </ul>
  <button>點擊追加文本</button>
</body>
</html>


          在瀏覽器中的演示結果：
          prepend()方法
          prepend() 方法其實和 append() 方法類似，語法也差不多。但是 prepend() 方法主要用于在被選元素的開頭插入指定內容。
          語法如下：
          $(selector).prepend(content,function(index,html))

          示例：
          我們將上述示例中的 append() 方法改成 prepend() 方法：
          $(function(){
    $("button").click(function(){
      $("ul").prepend("<li>strawberry</li>");
    });
});

          然后看一下在瀏覽器中的演示結果：
          after()方法
          after() 方法用于在被選元素后插入指定的內容。看起來 after() 方法和 append() 方法的作用好像差不多，但是其實兩個方法還是有區別的。 append() 方法是在被選元素的結尾插入內容，插入的內容仍然在元素內部。而 after() 插入的內容會重新起一行，與被選擇的元素并沒有什么邏輯上的聯系。
          示例：
          <!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(){
      $("p").after("<p>俠課島</p>");
    });
  });
</script>
</head>
<body>
  <p>你好，我的名字叫做：</p>
  <button>點擊追加文本</button>
</body>
</html>

          在瀏覽器中的演示效果：
          before()方法
          before() 方法用于在被選元素之前插入指定的內容。它和 prepend() 方法的區別在于一個在被選元素內插入內容，一個在被選元素外。
          注意 before() 方法和 after() 方法都是在被選元素外插入內容。append() 和 prepend() 方法都是在被選元素內插入內容。
          示例：
          例如將上述示例中的方法改為 before：
          $(function(){
    $("button").click(function(){
      $("p").before("<p>俠課島</p>");
    });
});

          在瀏覽器中的演示效果：
          remove()方法
          remove() 方法用于刪除被選元素及其子元素。該方法也會刪除被選元素的數據和事件。
          示例：
          例如下面這個例子：
          <!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(){
      $("p").remove();
    });
  });
</script>
</head>
<body>
  <p>你好，歡迎來到俠課島！</p>
  <button>點擊刪除</button>
</body>
</html>

          在瀏覽器中的演示效果：
          從上圖中可以看到，remove() 方法將指定的 p 元素連標簽帶元素全部刪除。
          empty()方法
          empty() 方法用于刪除被選元素的所有子節點和內容。該方法不會移除元素本身，或它的屬性。
          示例：
          我們講上述示例中的 remove() 方法改為empty() 方法，看看有什么不同：
          $(function(){
    $("button").click(function(){
      $("p").empty();
    });
});

          在瀏覽器中的演示效果：
          可以看到 empty() 方法只會刪除指定元素中的內容，不會刪除元素本身，當然如果元素上有屬性，屬性也不會被刪除，大家可以自己試一下。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
99精品一区二区三区无码吞精
|
色偷偷av一区二区三区|
久久久久人妻一区精品|
美女毛片一区二区三区四区|
日本精品夜色视频一区二区|
男插女高潮一区二区|
国产亚洲一区二区三区在线观看|
性色av无码免费一区二区三区
|
国产香蕉一区二区精品视频|
国产无套精品一区二区|
一区二区三区在线视频播放|
丝袜美腿一区二区三区|
国产高清在线精品一区|
精品国产AV一区二区三区|
亚洲老妈激情一区二区三区|
中文字幕无码一区二区免费|
大伊香蕉精品一区视频在线|
国产大秀视频一区二区三区|
国产精品综合一区二区三区|
免费无码A片一区二三区|
国产福利一区二区三区视频在线|
日韩高清国产一区在线|
任你躁国语自产一区在|
一区二区视频在线|
中文乱码字幕高清一区二区|
亚洲AV无码国产一区二区三区|
竹菊影视欧美日韩一区二区三区四区五区|
色偷偷一区二区无码视频|
在线视频一区二区|
亚洲精品精华液一区二区|
午夜AV内射一区二区三区红桃视
|
亚洲毛片αv无线播放一区|
国产在线无码一区二区三区视频|
中文字幕一区视频一线|
亚洲av福利无码无一区二区|
中文字幕精品一区二区|
国产亚洲福利精品一区二区
|
无码一区二区三区免费|
国产精品亚洲午夜一区二区三区|
亚洲av无码一区二区三区四区|
色婷婷香蕉在线一区二区|