jquery笔记

a=$(.name)                           定位class=name 的元素

a.parent()                             定位a元素的父节点

a.parents(css表达式）          定位a元素所有的祖先节点，可通过css表达式进行筛选

a.children(css表达式)           定位a元素直接子节点，可通过css表达式进行筛选

a.prev()                                定位a元素的上一个兄弟节点

a.next()                                定位a元素的下一个兄弟节点

jquery选择器

:first                       $("p:first")                                    第一个<p>元素

:last                        $("p:last")                                     最后一个<p>元素

:gt(n)                      $("ul li:gt(3)")                                返回index大于3的所有元素

:lt(n)                       $("ul li:lt(3)")                                 返回index小于3的所有元素

:not(selector)         $("input:not(:empty)")                   返回所有不为空的input元素

:contains(text)       $(":contains('W3School')")           返回文本中包含'W3School'的所有元素

.text()                    $("p").text()                                  返回元素p的文本,text('some')有输入参数则为设置P的文本值

.attr()                     $("p").attr("class","app")              设置元素的class=app,如果attr()不传入第二个参数，则表示获取对应属性的值

jquery插入新元素

创建新元素

var txt1=$('<div><p>段落</p></div>')   ；            //用jquery创建

var txt2=$("<p></p>").text("Text.")  ；             //用jquery创建

var  txt3="<p>Text.</p>" ；                               //用HTML创建

var  txt4=document.createElement("p")           //用dom创建

txt4.innerHTML="Text.“；

插入新元素                                       参数可以是 HTML创建的新元素，jquery创建的新元素 或 dom创建的新元素

.append()                                                在被选元素的结尾插入子元素

.prepend()                                               在元素的开头插入子元素

.after()                                                   在元素之后插入兄弟结点

.before()                                                 在元素之前插入兄弟结点

$("p").append(txt1,txt3，txt4);                 //追加新元素