真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JQuery學(xué)習(xí)筆記-屬性選擇器

JQuery學(xué)習(xí)筆記-屬性選擇器

成都創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣,積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn),為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù),案例作品覆蓋紙箱等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品,結(jié)合品牌形象的塑造,量身制作品質(zhì)網(wǎng)站。



	
		
		Untitled Document
		
		
			div, span, p {
			    width: 140px;
			    height: 140px;
			    margin: 5px;
			    background: #aaa;
			    border: #000 1px solid;
			    float: left;
			    font-size: 17px;
			    font-family: Verdana;
			}
			
			div.mini {
			    width: 55px;
			    height: 55px;
			    background-color: #aaa;
			    font-size: 12px;
			}
			
			div.hide {
			    display: none;
			}			
		
		
		
			$(function(){
				//選取含有 屬性title 的div元素.
				$("#btn1").click(function(){
					$("div[title]").css("background", "#ffbbaa");
				});
				//選取 屬性title值等于'test'的div元素.
				$("#btn2").click(function(){
					$("div[title='test']").css("background", "#ffbbaa");
				});
				//選取 屬性title值不等于'test'的div元素(沒有屬性title的也將被選中).
				$("#btn3").click(function(){
					//選取的元素中包含沒有 title 的 div 元素. 
					$("div[title!='test']").css("background", "#ffbbaa");
				});
				//選取 屬性title值 以'te'開始 的div元素.
				$("#btn4").click(function(){
					$("div[title^='te']").css("background", "#ffbbaa");
				});
				//選取 屬性title值 以'est'結(jié)束 的div元素.
				$("#btn5").click(function(){
					$("div[title$='est']").css("background", "#ffbbaa");
				});
				//選取 屬性title值 含有'es'的div元素.
				$("#btn6").click(function(){
					$("div[title*='es']").css("background", "#ffbbaa");
				});
				//組合屬性選擇器,首先選取有屬性id的div元素,然后在結(jié)果中 選取屬性title值 含有'es'的 div 元素.
				$("#btn7").click(function(){
					$("div[id][title*='es']").css("background", "#ffbbaa");
				});
				//選取 含有 title 屬性值, 且title 屬性值不等于 test 的 div 元素.
				$("#btn8").click(function(){
					$("div[title][title!='test']").css("background", "#ffbbaa");
				});
				
			})
		
	
			
		
		
		
		
		
		
		
		
		
		
		

id 為 one,class 為 one 的div class為mini
id為two,class為one,title為test的div class為mini,title為other
class為mini,title為test class為mini class為mini class為mini class為mini class為mini class為mini class為mini,title為tesst style的display為"none"的div class為"hide"的div
包含input的type為"hidden"的div
正在執(zhí)行動畫的div元素.
標(biāo)題名稱:JQuery學(xué)習(xí)筆記-屬性選擇器
本文網(wǎng)址:http://weahome.cn/article/pddojd.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部