JQuery 获取修改元素固有属性 获取修改元素自定义属性 设置元素内容 元素操作 尺寸和位置操作

获取元素固有属性  prop('属性')

设置或修改元素固有属性  prop('属性','属性值')

 

获取自定义属性 attr('属性')

设置或修改自定义属性  attr('属性','属性值')

 

数据缓存  data()

 

返回元素内容  html( )     //包括标签

设置元素内容  html("要修改的值")

 

返回元素文本内容  text()  //不包括标签

返回元素文本内容  text("要修改的值")

 

获取表单元素的值  val()

设置表单元素的值  val('要修改的值')

 

parents ( )  返回所有的父亲 可以指定选择

toFixed( 要保留的位数)  

 

元素操作

元素遍历操作

$("元素").each(function(index, domEle) {})   

//回调函数第一个参数为元素的索引号  第二个函数为dom对象

遍历的对象为DOM元素，用这个

 

$.each(遍历的对象,function (index,donEle ) )

// 如果要遍历数组或者对象  使用这个

 

创建元素

$("标签");  //$("<li>哥们是新来的li</li>")

添加元素

1.内部添加   生成后是父子关系

$("添加到哪个元素").append(添加的元素);     //内部添加并放到匹配元素的最后面

$("添加到哪个元素").prepend(添加的元素)    //内部添加并放到匹配元素的最前面

2.外部添加   生成后是兄弟关系

$("添加到哪个元素").before(添加的元素);     //外部添加并放到匹配元素的最后面

$("添加到哪个元素").after(添加的元素)    //外部添加并放到匹配元素的最前面

删除元素

1.删除匹配的元素(本身)

$("要选择的元素").remove();

2.删除匹配的元素集合中所有的子节点 孩子

$("要选择的元素").empty();

$("要选择的元素").html("");

 

JQuery 尺寸   //括号为空获取值，括号内为数字型,不需要写单位

width()/height()  获取设置自身宽度/高度 不包括padding

innerWidth()  innerHeight()    获取设置元素 width+padding  height+padding

outerWidth()  outerHeight()    获取设置元素  width+padding+border  height+padding+border

outerWidth(true)  outerHeight(true)  获取设置元素  width+padding+border+margin  height+padding+border+margin 

 

JQuery位置 //括号为空获取值，括号内为数字型,不需要写单位

offset()  元素距离文档的坐标

offset().top   offset().left  获取元素距离文档上 / 左的距离

 

postion() 元素距离带有定位的父亲的位置  如果父级没有定位 则获取元素距离文档的位置 不可以设置 只能获取

scrollTop()  返回被卷去的头部

scrollLeft()  返回被卷去的左侧