<Script src = "Jquery1.7.js" type = "text/javascript"> </script>
<Script type = "text/javascript">
$ (Function (){
$ ('# Btn'). click (function (){
// Set the style and animation effect for all elements with the id attribute
// $ ('Div [id] '). show (3000 );
// Set the animation effect for all attributes with the title-switched title value t2div
// $ ('Div [title = t2] '). show (3000 );
// Set the animation effect for all attributes without the title-cut title value t2div
// $ ('Div [title! = T2.] '). show (3000 );
// The attribute value starts with t.
// $ ('Div [title ^ = t] '). show (3000 );
// The attribute value ends with 2.
// $ ('Div [title $ = 2] '). show (3000 );
// The property value contains 2
// $ ('Div [id * = 2] '). show (1000 );
// The id value starts with d and the title value ends with 3
$ ('Div [id ^ = d] [title $ = 3] '). show (1000 );
})
})
</Script>
</Head>
<Body>
<Form id = "form1" action = "attribute filter selector. aspx">
<Div title = "t1"> Level 1 </div>
<Div id = "div2" title = "t2"> Layer 2 </div>
<Div id = "div3" title = "t3"> Layer 3 </div>
<Div id = "div4" title = "t4"> Layer 4 </div>
<Input type = "button" id = "btn" value = "click"/>
</Form>
</Body>