jQuery学习笔记第三章
var $li = $(‘ul li:gt(0)’);//获取ul中的序号大于0的li，并存放到$li中
alert($li.text());//获取li元素中的文本
var $li_1 = $(“
- 香蕉
var $li = $(‘ul li:gt(0)’);//获取ul中的序号大于0的li，并存放到$li中
alert($li.text());//获取li元素中的文本
var $li_1 = $(“ - 香蕉 ”);//创建节点
- 1
- 2
- 1
- 2 $li.wrapInner(“”);//节点里面的内容用包裹
- 1
- 2 $li.attr(“title”); //获取li元素节点的属性title的值 $li.attr(“title”,”我是XXX”);//修改li元素节点title属性的值 $li.removeAttr(“title”);//删除属性 $li.addClass(“another”);//添加元素的class属性的值,而attr只能替换或者设置 $li.removeClass(“another”)//删除一个名为another的class属性，其余的保留，如果传参是”another myclass”则会删除这两个属性，其余的保留。如果不传参，就是删除所有class属性值 $li.toggleClass(“another”);//交替添加或者删除class,如果another存在则删除，如果不存在则添加 $li.hasClass(“another”);//判断是否存在another这个class $li.html()//读取li中的HTML代码,如读出的是你好 $li.text()//读取li中的文本内容,如读出的是 你好 $(‘input’).val();//获取input标签的value值 $(‘input’).val(“你好”);//设置input标签的value值 $(‘ul’).children();//获取ul的子元素 $(‘p’).prev();//选择p元素的上一个同辈元素 $(‘p’).next();//选择p元素的下一个同辈元素 $(‘p’).siblings();//选择p元素的前后所有的同辈元素 $(‘p’).closest(‘li’);//选择最近的li元素，他不会在同辈的元素中找如果自己元素不是则向上查找 $(‘p’).parent();//选择p元素的第一个父元素 $(‘p’).parents();//选择p元素的多个父元素
$ul.append($p_1);//插入节点,还有appendTo,prepend,prependTo都是在元素内部插入元素
$ul.after($p_1);//插入节点，还有insertAfter,before,insertBefore都是在元素同级的位置添加
var $li=$li.remove();//删除节点，同时删除绑定的事件和数据，同时把删除的节点赋给$li
var $li=$li.detach();//删除节点，但是不删除删除绑定的事件和数据，同时把删除的节点赋给$li
$li.empty()//清空节点
$li.clone()//复制节点,传递true参数就会复制绑定的事件
$li.replaceWith(“替换”)//替换节点,与replaceAll效果一样，只是顺序颠倒
$li.wrap(“”)//每个单独包裹每个节点
$li.wrapAll(“”)//一个包裹所有节点