摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq選擇器</title> &nbs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jq選擇器</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<form>
<input type="text" name=""><br>
<input type="text" name=""><br>
<input type="text" name="" disabled><br>
<select>
<option>旅游</option>
<option>看電影</option>
<option>游泳</option>
<option>吃火鍋</option>
</select>
</form>
<script type="text/javascript">
$(document).ready(function(){
$('input:disabled').css('background-color','red');
$(':enabled').css('width','200px');
$('select:selected').css('background-color','pink');
$('input:first').css('height','200px');
$('input:last').css('height','50px');
})
</script>
</body>
</html>jq中基本選擇器
$('#id名') 根據(jù)給定的id來(lái)匹配到元素
$('.class名') 根據(jù)給定的class來(lái)匹配到元素
$('標(biāo)簽名') 根據(jù)給定的標(biāo)簽名來(lái)匹配到元素
$('*') 匹配所有元素
$('#id名, .class名, 標(biāo)簽名') 匹配到多個(gè)選擇器
層級(jí)選擇器(相當(dāng)于父類和子類的元素關(guān)系)
$('父級(jí)元素>子級(jí)元素') 給定的父級(jí)元素下匹配所有的子元素
$('祖先元素 后代元素') 給定的祖先元素下匹配所有的后代元素
$('prev + next')(同級(jí)元素關(guān)系) 匹配緊跟在prev元素后面的next元素
$('prev ~ siblings') 匹配prev元素后面所有的siblings元素
順序選擇器
1.順序
$(':first') 第一個(gè)元素
$(':last') 最后一個(gè)元素
2.比較(x的順序從0開(kāi)始的)
$(':gt(x)') 表示大于值x的元素
$(':lt(x)') 表示小于值x的元素
$(':eq(x)') 表示等于值x的元素
3.奇偶數(shù)
$(':odd') 奇數(shù)順序
$(':even') 偶數(shù)順序
4.非
$(':not(selector)') 匹配不是selector的所有元素
內(nèi)容選擇器
$(':contains(text)') 匹配包含給定文本(text)的元素
$(':has(selector)') 匹配包含特定選擇器的元素
$(':empty') 匹配不含有內(nèi)容的元素(即不包含子元素或者文本的元素)
$(':parent') 匹配含有子元素或者文本的元素
屬性選擇器
$('[屬性名]') 匹配包含給定屬性的元素
$('[attribute=value]') 匹配給定屬性是某個(gè)特定值的元素
$('[attribute]!=value') 匹配所有不等于指定值的元素
$('[attribute ^=value]')匹配給定屬性是以某些值開(kāi)始的元素
$('[attribute $=value]')匹配給定屬性是以某些值結(jié)束的元素
$('[attribute *=value]')匹配給定屬性包含某些值的元素
$('attrSel[1] attSel[1] attSel[1]')復(fù)合選擇器,需要同時(shí)滿足多個(gè)條件的使用
表單選擇器
$(':enabled') 所有可以使用的input元素
$(':disabled') 不可以使用的input元素
$(':selected') 所有被選取的元素,針對(duì)于select元素
$(':chenked') 所有被選中的input元素
批改老師：韋小寶批改時(shí)間：2019-03-10 13:16:47
老師總結(jié)：總結(jié)的很完整 選擇器中最重要的就是class和id其次就是表單之類的 基本上可以用個(gè)class和id解決一切了