摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jquery</title> <script type="text/javascript" src="jq
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css" media="screen">
div {width: 100px;height: 100px;border:1px solid #ccc; margin: 10px;}
</style>
</head>
<body>
<script type="text/javascript">
//元素 動(dòng)作
//$(select).action() 選擇器語(yǔ)法。
$(document).ready(function(){ //文檔就緒函數(shù)，文檔加載完成后才執(zhí)行，防止文檔沒(méi)有加載完就可以執(zhí)行， 類(lèi)似于JS的window.onload事件。
$str = "你好，我是李全權(quán)！";
//alert($str);
// $("div").hide()
$("button").click(function() {
$("div").show();
})
//順序選擇器
//$('E:first') 匹配第一個(gè)
//$('E:last') 匹配最后一個(gè)
//比較選擇器X重0開(kāi)始
//$('E:gt(x)') //大于
//$('E:lt(x)') //小于
//$('E:eq(x)') //等于
//
// $('p:eq(2)').css(
// 'background','red'
// );
//even奇數(shù)選擇器
//odd雙數(shù)選擇器
// $('p:even').css(
// 'background','red'
// );
// $('p:odd').css('background','blue')
// :not(selector) not非意思
// :empty 選擇元素內(nèi)部沒(méi)有包含元素內(nèi)容的元素
// $('div:not(:empty)').css('background','blue') //去反。 不是空得元素 都選中
// $('div:empty').css('background','red') //選擇元素沒(méi)有包含元素或文本得元素。
//:parent 匹配含有子元素或者文本的元素 與empty相反
// $('div:parent').css('background','red')
//:contains(text) 包含指定字符串的所有元素
// :has(select) 選擇包含特定元素的元素
// $('div:has(p)').css('background','blue') //匹配div下面包含P元素的元素
// $('div:contains(q)').css('background','blue') //匹配div下包含文本為q的元素
//["type='text'"] ^開(kāi)頭 $結(jié)尾 *包含 !取反
// $("input[type=text]").css('background','blue')
$("input[type!=text]").css('background','blue')
//表單選擇器
// $(":checked") 所有被選中的 input 元素 $(":selected")所有被選取的 input 元素 $(":enabled")所有激活的 input 元素 $(":disabled")所有禁用的 input 元素
//$(":checked").parent()
})
</script>
<div style="width: 100px;height:100px;background: pink;">
你好！
</div>
<button>注冊(cè)</button>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<div>
<div>
你好！
</div></div>
<div><p></p></div>
<div></div>
<div>lqq</div>
<label>1</label><input type="text" name="" disabled><br>
<label>2</label><input type="password" name=""><br>
<label>3</label><input type="" name=""><br>
<label>4</label><input type="qq" name=""><br>
<label>5</label><input type="" name=""><br>
<select name="" multiple>
<option value=" option">option</option>
<option value=" option">option</option>
<option value=" option">option</option>
</select>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2019-03-25 09:21:20
老師總結(jié)：完成的很好!但是練習(xí)不能局限于老師的上課案例哦!