前端頁面的文法 jquery javascript ajax

最後更新：2017-10-24 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：put -- class nbsp 不為 min name 狀態 selected

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script src="../U2-5Linux技術/jquery-3.2.1.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){//選取td的常值內容中包含+的標籤$("td:contains(‘+‘)").css("background","blue");
　　　　　　　　　 //選取包含a標籤的td標籤$("td:has(a)").css("background","pink");　　　　　　　　　 //當提交按鈕點擊後觸發的函數$(":submit").click(function(){//選取id id有特殊字元轉義//$("#id#2")-->$("#id\\#2")//$("#id\\#2").html("這是#id#2的常值內容");//屬性選取器的話就不用轉義//$("[id=‘id#2‘]").html("這是#id#2的常值內容");//$("#id[2]")-->$("#id\\[2\\]")　　　　　　　　　　　　　　　//判斷屬性為text的標籤的value屬性的值長度為0的話//if($(":text").val().length==0){//alert(‘username為空白‘)//};
　　　　　　　　　　　　　　　//判斷屬性為password的標籤中的最後一個標籤的value屬性的值長度為0的話//if($(":password:last").val().length==0){//alert(‘確認密碼都為空白‘)//}
　　　　　　　　　　　　　　 //只有屬性為text,password的標籤 判斷需要.val()才能得到文本能容 其它的不需要加入.val()
　　　　　　　　　　　　　　　//判斷屬性為radio的標籤中屬性為checked選中狀態的標籤的value屬性的值不為0的話if($(":radio:checked").length!=0){alert($(":radio:checked").val())};if($(":checkbox:checked").length!=0){alert($(":checkbox:checked").val())};
　　　　　　　　　　　　　　　//判斷選中下拉框一欄的value屬性的值不等於""的話if($(":selected").val()!=""){alert($(":selected").val())}});});

　　　　//javascript文法 當表單載入時//window.onload=function(){
　　　　　　　　　　//得到元素id為username的標籤 加上標籤中的style的background背景顏色的值 並且alert彈窗//var box1=document.getElementById("username");//var box2="username:"+box1.style.background;//alert(box2);
　　　　　　　　　　//通過定義的標籤變數可以直接修改標籤中屬性的值  下面是修改style樣式屬性中的背景顏色和value屬性的文法 簡單粗暴//box1.style.background="blue";//box1.value="456";//}</script><style type="text/css">.c{ color:red;}</style></head><body><form method="post">姓名:<input type="text" name="username" value="2"/><br/>密碼:<input type="password" name="pwd"/><br/>        確認密碼:<input type="password" name="querenpwd" /><br/>性別:<input type="radio" name="gender" value="1"/>男 <input type="radio" name="gender" value="2"/>女 <br/>愛好:<input type="checkbox" name="hobby" value="1"/>籃球 <input type="checkbox" name="hobby" value="2"/>足球 <input type="checkbox" name="hobby" value="3"/>羽毛球 <br/>省份:<select>        <option value="">請選擇</option>            <option value="yunnan">雲南</option>            <option value="wuhan">武漢</option>            <option value="changsha">長沙</option>        </select> <br/>        <input type="submit"/><br/></form><table><tr><td><a href="#">123</a></td><td>456</td><td>245+</td></tr></table></body></html>

前端頁面的文法 jquery javascript ajax

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More