Run Effect chart:
②$ ("Div[id]") Select div with id attribute
③$ ("div[Title=test] Select the div with the title property "Test".Note: an equal sign.
$ ("Div[title!=Test] "to select a div with the title property not" test "
④$ ("input:checked")Note: There is no space between input and: checked
⑤The difference between $ ("input") and $ (": Input")
$ ("input") can only be taken to the <input> label, and <textarea>, <select>, etc. cannot be obtained.
$ (": input") not only takes the <input> label, but also the forms of the <textarea>, <select>, and other submitting servers.
A similar $ (": Text") gets all Single-line text boxes, and we can do the same with $ ("Input[type=text]"). Similarly, there are $ (":p assowrd"), $ (": Radio"), $ (": CheckBox"), $ (": Submit"), $ (": Image"), $ (": Reset"), $ (": Button"), $ (": File"), $ ( ": Hidden")
⑥ uses the attr () method to read or set the attributes of an element, operating with attr for encapsulated properties that are not in jquery.
$ ("#a: A"). attr ("href", "http://baidu.com");
⑦ Deletes the property removeattr, deletes the attribute in the source code to see, at this time and clears the attribute the difference.
⑧ dynamically create a DOM node
uses the $ (HTML string) to dynamically create a DOM node, returns a JQuery object, and then calls methods such as append to add the created node to the DOM.
var link=$ ("<a href= ' http://www.baidu.com ' > Baidu </a>");
$ ("Div:first"). Append (link); The
Append method is used to append an element (add child element to last child element) at the end of an element
Prepend method to add elements (add child elements, become the first child element) at the beginning of an element
after method add elements after element (add sibling)
The Before method adds an element (add sibling) before the element
⑨ Delete node
Remove () deletes the selected node, which is the returned node object and can continue to use the deleted node.
var list=$ ("#ulLeft li.test"). Remove ();
$ ("#ulRight"). Append (list);
Block event bubbling e.stoppropagation ();
Block default behavior: E.preventdefault () is the same as Window.event.returnvalue=false effect
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
