jQuery 的增删改查

一.查询距离

　　获取匹配元素在当前窗口的相对偏移或设置元素位置:　　.offset()
　　获取匹配元素相对父元素的偏移:　　.position()
　　获取匹配元素相对滚动条顶部的偏移:　　scrollTop()
　　获取匹配元素相对滚动条左侧的偏移:　　scrollLeft()

 

二.查询尺寸

　　获取目标内容高度:   .height
　　获取目标内容宽度:   .width
　　获取目标内容+padding的高度:    .innerHeight
　　获取目标内容+padding的宽度:    .innerWidth
　　获取目标内容+padding+border的高度:    .outerHeight
　　获取目标内容+padding+border的宽度:    .outerWidth

三.文本相关
　　取得所有匹配元素的内容  .text()
　　设置所有匹配元素的内容  .text(val)

四.HTML相关
　　获得整个页面的所有内容   .html()
　　修改整个页面的某个内容   .html(val)


五.val相关
　　获取匹配元素(input/select/textarea)中的值: .val()
　　设置匹配元素(input/select/textarea)中的值: .val(val)

 

六.选中相关
　　获取被选中的checkbox或radio的值：

<label for="c1">女</label>
<input name="gender" id="c1" type="radio" value="0">
<label for="c2">男</label>
<input name="gender" id="c2" type="radio" value="1">

解决方法:$("input[name='gender']:checked").val()  //注意:只能取一个值

七.属性相关
　　获取属性值: .attr('属性')
　　修改属性值: .attr('属性','修改的值')/attr({'属性':'修改的值'.'属性2':'修改的值'})
　　删除属性值: .removeAttr('属性')
　　添加属性值: .attr('属性','值')

 

 

　　查看input中checkbox是否被选中(判断是否有checked属性):  .prop('checked')

八.单/多选相关

　　用于checkbox和radio
　　prop() // 获取属性
　　removeProp() // 移除属性