Jquery笔记.docx

Jquery笔记$(“li:first-child”)$(“li:eq(0)”):first :eq(index):contains(text):has(selector):hidden:visible$(“li[title*=’果’]”):last-child$(#frmTest :text).addClass(bg_blue);$(#frmTest :password).addClass(bg_red);$(#frmTest :radio).attr(disabled,true);$(#frmTest :checkbox).attr(disabled,true);$(#frmTest input:submit).addClass(bg_red);$(#frmTest :image).addClass(bg_red);$(#frmTest :button).addClass(bg_blue);$(#frmTest :checked).attr(disabled, true);$(#content).removeClass(.blue .white); script type=text/javascriptfunction rethtml() { var $html = div id=test title=hi我是调用函数创建的/divreturn $html; } $(body).append(rethtml()); /script h3appendTo()方法插入内容/h3 div span class=green小乌龟/span /div script type=text/javascript var $html = span class=red小青蛙/span $($html).appendTo(div); /script h3after()方法在元素之后插入内容/h3 span class=green我们交个朋友吧！/span script type=text/javascript var $html = span class=red兄弟。/span $(.green).after($html); /script body h3使用clone()方法复制元素/h3 span class=red title=hi我是美猴王/span script type=text/javascript $(body).append($(.red).clone()); /script /body body h3使用wrapInner()方法包裹元素/h3 span class=red title=hi我的身体有点歪/span script type=text/javascript $(.red).wrapInner(i/i); /script /body body h3使用each()方法遍历元素/h3 span class=green香蕉/span span class=green桃子/span span class=green葡萄/span span class=green荔枝/span script type=text/javascript $(span).each(function (index) {if (index == 1) { $(this).attr(class, red); } }); /script/body body h3使用empty()方法删除元素/h3 span class=green香蕉/span span class=green桃子/span span class=green葡萄/span span class=green荔枝/span script type=text/javascript