1.操作内容和属性
//获取内容 $(selector).html();//设置或者返回所选元素的内容,包括标签 $(selector).text();//设置或者返回所选元素的文本内容。 $(selector).val();//设置或者返回表单字段的值。 //获取属性 $(selector).attr(attr,value|callback(index,oldValue)); //获取属性值,也可以通过回调函数,其中的参数一个是元素的index,一个是属性初始值。 //添加元素append/prepend/after/before $(selector).append("内容"); //append&prepend和after&before的区别是,前者是在选中元素内部的最前和最后,后者是在元素外面的前面和后面插入。 //删除元素remove/empty $(selector).remove();//删除当前元素以及子元素可接受参数,参数是选择器。 $('div').remove('.box');//删除class为box的div的元素 $(selector).empty();//删除当前元素的子元素
2.css操作
//addClass/removeClass/toggleClass $(selector).addClass('class名'); //其他方法使用方式相同 //css()//可以获取css属性,也可以设置,设置的方式可以是一个,也可以是多个。 $(selector).css({,,});
3.元素尺寸
4.遍历元素
//祖先查找 $(selector).parents()//选择器所有的祖先元素 $(selector).parent()//当前元素的直接父元素 $(selector1).patentsUtil(selector2)//元素1到元素2之间的所有祖先元素 //后代查找 $(ele).children()//返回ele的所有直接子元素,可传参 $(ele).find()//返回ele的所有子元素,可传参 //同胞查找 $(ele).siblings('p')//返回ele同胞元素中的p元素 $(ele).next()//返回ele跟随的下一个同胞元素 $(ele).nextUntil(ele1)//返回ele1和ele之间的所有同胞元素 $(ele).nextAll()//返回ele之后跟随的所有同胞元素 prev()/prevAll/prevUntil()同上。
5.过滤
$('div').eq(num);//获取第几个div元素 $('div').first();//获取第一个div元素 ;last同理 $('div').filter('.url')//返回带有url类名的div标签 $('div').not('.url')//返回不带有url类名的div标签