jquery学习笔记（JQuery learning notes）.doc

jquery学习笔记（JQuery learning notes） JQuery 1, jQuery programming basic steps: Step1 uses a selector to find a node (which is a node) JQuery object, that is, to find the DOM node to do a Encapsulation). Step2 calls the properties and methods provided by the jQuery object. 2 、 conversion between jQuery object and DOM node 1) jQuery object -- DOM node Mode 1: $obj.get (0) Mode two: $obj.get () [0] 2) DOM node jQuery object $(obj) 3, how to use prototype and jQuery at the same time?. Step1 introduces prototype.js first Step2 usage $a = jQuery.noConflict (); Take an alias for the $function $a. 4, selector 1) basic selector #id .class Element Selector1, select2..Selectn * 2) hierarchical selector Select1 select2 Select1select2 Select1+select2 Select1~select2 3) filter selector (1) basic filter selector; : first : last : not (selector) : even : odd : EQ (index) : GT (index) : LT (index) (2) content filter selector : contains (text) : empty : has (selector) : parent (3) visibility filter selector : hidden : visible (4) attribute filter selector [attribute] [attribute=value] [attribute! =value]! (5) child element filter selector : nth-child (index/even/odd) (6) the form object property filter selector : enabled : Disabled : checked : Selected 4) form selector : input : Text : pasword : Radio : checkbox : submit : image : reset : button : file : hidden 5, DOM operation 1) query After you use the selector to find a node, you can: A, HTML () method: read or write the HTML content between tags. B, text () method: reads or writes text between tags. C, Val () method: read or write the value of the tag. 2) create $(HTML) 3) insert nodes Append (): appends content to each of the matched elements Prepend (): pre - forward content to each matched element After (): insert content after each matched element Before (): insert content before each matched element 4) delete node Remove () Remove (selector) Empty (): empty the node 5) replication nodes Clone (): copy (does not copy the behavi