JQ语法

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的节点操作

  1. 创建
    var li = $(‘写要添加的标签
  2. ’);
  3. 添加
    内部添加 --> 添加 子元素
    parent.append(li); //追加最后一个子孩子
    parent.prepend(li); //插入到第一个子孩子
    外部添加 --> 添加兄弟元素
    element.before(li); //在前面添加
    element.after(li); // 在后面添加
  4. 删除
    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() 获取的是垂直|水平方向滚动出去的距离
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值