亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

個人信息數據統(tǒng)計

??? 2018-11-18 23:24:57 431
????：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-3 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
	$(document).ready(function(){
		$('input[type=text]').css('background','pink');
		$(':selected').css('color','red');
		$('input[checked]').parent().css('color','red');
		var a=$('input[type]')

	})
</script>
<div style="background-color: #ccc;text-align: center;">
<p style="font-size: 20px;color: red;font-weight: bold">個人信息數據統(tǒng)計</p>
<from>
	您的姓名：<input type="text"></from><br><br>
	您的年齡：<input type="text" name=""><br><br>
	您的性別：
	<select>
		<option>男</option>
		<option selected>女</option>
	</select>
	<p>您的愛好：</p><label><input type="checkbox" name="" checked>游泳</label>
	<label><input type="checkbox" name="" >打球</label>
	<label><input type="checkbox" name="" checked>編程</label>
	<label><input type="checkbox" name="">游戲</label><br><br>
	<input type="button" value="提交" id="bt">
</from>
<div>
</body>
</html>

JQuery的選擇器

1，屬性選擇器

$('input[type=text]').css('background','pink');

匹配了type元素值為text的特定元素的css樣式背景顏色改為pink;

2,表單選擇器

$('input[checked]').parent().css('color','red');

匹配了特定的復合按鈕被選取顏色改為紅色，需要加parent()匹配含有子元素或者文本的元素，才能生效目標

<label><input type="checkbox" name="" checked>編程</label>

復合按鈕是在input設置type的值為checkbox，在input標簽中加入checked使得該目標為復合按鈕的初始值

3，下拉框表單

<select>
	<option>男</option>
	<option selected>女</option>
</select>

select為下拉框表單標簽，option為表單內容標簽，在option標簽中加如selected元素則默認該目標為表單初始值

$(':selected').css('color','red');

匹配下拉框初始的css樣式，顏色設置為red

?? ???：滅絕師太?? ??：2018-11-19 09:19:31
???? ??：完成的不錯，這樣學習又便于記住知識點，繼續(xù)保持

??? ??

?? ??