.html() //能够获取元素里的内容包括标签;
.text() //只能获取到元素里的内容
.val() //可以得到元素的value值
$(this).index() //得到点时间发生的哪个元素的下标
attr("id");attr("href") 或 attr("id","....")//可以得到元素的属性 或设置属性内容
设置多个属性attr({"href":"http://www.jikexueyuan.com","title":"hello"});
$("#btn5").click(function(){
$("#p5").text(function(i,ot){
return "old:" + ot +"new:这是新的内容"+(i);
});
});
回调返回old 为原来的内容,i=0;
.remove(); 将元素全部删除包括元素本身
.empty();将元素里面的子元素全部删除,但会保留元素本身
css
.addClass("") //添加一个class名;
.removeClass("")//删除一个class名;
.toggleClass("")//两种状态来回切换
元素的遍历
.children('p')只遍历它的儿子辈一级 //可选参数
.find('p')可以遍历到所有儿子辈孙子辈 //必须参数
.parent() //遍历上一级的父元素;
.parents() //遍历所有父元素,包括body;
$("h4").parentsUntil("div")//h4到div从两个元素之间来进行选择,取中间的所有元素
同一级元素
$("h4").siblings()//除了h4 所有同级的元素都会遍历出来
$("h4").next() //将h4的下一个同级元素给遍历出来
$("h4").nextAll()//将h4下面的同级元素全部给遍历出来
$("p").nextUntil("h6")//获取p到h6中间的所有同级元素 从上到下
$("h4").prev() //将h4的上一个同级元素给遍历出来
$("h4").preAll()//将h4上面的同级元素全部给遍历出来
$("p").preUntilUntil("h6")//获取p到h6中间的所有同级元素 从下到上
jQuery.parent(expr) //找父元素
jQuery.parents(expr) //找到所有祖先元素,不限于父元素
jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙
jQuery.contents() //查找下面的所有内容,包括节点和文本。
jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll() //查找所有之前的兄弟节点
jQuery.next() //查找下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll() //查找所有之后的兄弟节点
jQuery.siblings() //查找兄弟节点,不分前后
jQuery.find(expr) //跟jQuery.filter(expr)完全不一样,jQuery.filter(expr)是从初始的
jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集中
筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如:
$("p").find("span")是从元素开始找,等于$("p span")
多个div
$("div p").first() //获取第一个p标签
$("div p").last() //获取最后一个p标签
$("div p").eq(下标) //获取下标对应的元素
$(''div p").filter("p")只有满足div 里有p标签才能遍历出来 $("div p").filter("class名")//选中class名的元素
$("div p").not("class名") //除了class名其他元素都被选中 与上个效果相反