jQ操作 属性
$().prop(); 如果里面只有一个参数,代表获取值,如果两个参数,第一个 属性名 第二个 属性值
$().attr(); 如果里面只有一个参数,代表获取值,如果两个参数,第一个 属性名 第二个 属性值 自定义属性
$().data(); 操作这个元素对象的属性
jQ操作 文本属性
表单
$().val(); 表单元素的值 里面不带参数是获取值,如果里面有参数代表设置值
非表单
$().html(); === innerHTML 里面不带参数是获取值,如果里面有参数代表设置值
$().text(); === innerText 里面不带参数是获取值,如果里面有参数代表设置值
jQ获取指定的父辈元素
$().parents(‘选择器’);
jQ里面的遍历
//用来遍历 jQ对象
$().each(function(i,ele){
// i 代表是索引号
// ele 代表是DOM的对象
});
// 遍历数据
$.each(需要遍历的数据,function(i,ele){
// i 遍历的索引 如果是对象,i是属性名
//ele 代表就是值
});
jQ的节点操作
- 创建
var li = $(‘写要添加的标签 - ’);
- 添加
内部添加 --> 添加 子元素
parent.append(li); //追加最后一个子孩子
parent.prepend(li); //插入到第一个子孩子
外部添加 --> 添加兄弟元素
element.before(li); //在前面添加
element.after(li); // 在后面添加 - 删除
element.remove(); 删除自身
element.empty(); 删除所有子节点
element.html(’’);
jQ 大小
$().width()|height() 获取元素的内容宽高
$().innerWidth()|innerHeight() 获取元素的内容宽高 + padding
$().outerWidth() | outerHeight() 获取的是元素内容 + padding + border 4
如果参数是true 还需要加一个margin
jQ的位置
$().offset({
left:
}) //获取的是一个偏移的对象,里面有两个属性,left top 获取的是相对于整个文档的偏移量
$().position(); 获取的是偏移的对象, 获取的是相对于带有定位的父辈元素的偏移量
$().scrollTop()|scrollLeft() 获取的是垂直|水平方向滚动出去的距离