JQ语法

r囧r小猫 2022-01-23 06:41 283阅读 0赞

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.  ’);
4.  添加  
    内部添加 --> 添加 子元素  
    parent.append(li); //追加最后一个子孩子  
    parent.prepend(li); //插入到第一个子孩子  
    外部添加 --> 添加兄弟元素  
    element.before(li); //在前面添加  
    element.after(li); // 在后面添加
5.  删除  
    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() 获取的是垂直|水平方向滚动出去的距离