jQueryプロパティフィルタ
3381 ワード
HTMLコード:
CSSスタイル:
jQueryコード
id one,class one div（ ）
class mini div（ ）
id two,class one,title test div（ ）
class mini,title other div（ ）
class mini,title test div（ ）
class one div（EZ）
class mini div（ ）
class mini div（ ）
class mini div（ ）
class mini div（ ）
class one div（ ）
class mini div（ ）
class mini div（ ）
class mini div（ ）
class mini,title tesst div（ ）
class "hide" div（ ）
input type "hidden" div（ ）
span .
CSSスタイル:
div,span,p {
width:200px;
height:230px;
margin:5px;
background:#aaa;
border:#000 1px solid;
float:left;
font-size:17px;
font-family:Arial;
font-family:Verdana;
}
div.mini {
width:80px;
height:80px;
background-color: #aaa;
font-size:12px;
font-family:Arial;
}
div.hide {
display:none;
}jQueryコード
$(function () {
// title div
$("#btn1").click(function(){
$("div[title]").css("background", "red");
});
// title test div .
$("#btn2").click(function () {
$("div[title='test']").css("background", "red");
});
// title test div .
$("#btn3").click(function () {
$("div[title!='test']").css("background", "red");
});
// title te div .
$("#btn4").click(function () {
$("div[title^='te']").css("background", "red");
});
// title est div 。
$("#btn5").click(function () {
$("div[title$='est']").css("background", "red");
});
// title es div
$("#btn6").click(function () {
$("div[title*='es']").css("background", "red");
});
});