zoukankan      html  css  js  c++  java
  • jq_常用方法

    
    

    //获取兄弟元素
    $('.class').siblings() 当前元素所有的兄弟节点
    $('.class').prev() 当前元素前一个兄弟节点
    $('.class').prevaAll() 当前元素之前所有的兄弟节点
    $('.class').next() 当前元素之后第一个兄弟节点
    $('.class').nextAll() 当前元素之后所有的兄弟节点

    //获取子元素
    $('.class').children()方法:获取该元素下的直接子集元素
    $('.class').find()方法:获取该元素下的所有子集元素

    //获取父元素
    $('.class').parent() 当前元素的直接父元素
    $('.class').parents() 当前元素的祖先元素
    $('.class').closest() 当前元素向上遍历到指定元素结束



    $('.class').addClass(css中定义的样式类型); 给某个元素添加样式
    $('.class').attr({src:'test.jpg',alt:'test Image'}); 给某个元素添加属性/值,参数是map
    $('.class').attr('src','test.jpg'); 给某个元素添加属性/值
    $('.class').attr('title', function() { return this.src }); 给某个元素添加属性/值
    $('.class').html(); 获得该元素内的内容(元素,文本等)
    $('.class').html('<b>new stuff</b>'); 给某元素设置内容
    $('.class').removeAttr('属性名称') 给某元素删除指定的属性以及该属性的值
    $('.class').removeClass('class') 给某元素删除指定的样式
    $('.class').text(); 获得该元素的文本
    $('.class').text(value); 设置该元素的文本值为value
    $('.class').toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式
    $('.class').val(); 获取input元素的值
    $('.class').val(value); 设置input元素的值为value
    Manipulation:
    $('.class').after(content); 在匹配元素后面添加内容
    $('.class').append(content); 将content作为元素的内容插入到该元素的后面
    $('.class').appendTo(content); 在content后接元素
    $('.class').before(content); 与after方法相反
    $('.class').clone(布尔表达式) 当布尔表达式为真时,克隆元素(无参时,当作true处理)
    $('.class').empty() 将该元素的内容设置为空
    $('.class').insertAfter(content); 将该元素插入到content之后
    $('.class').insertBefore(content); 将该元素插入到content之前
    $('.class').prepend(content); 将content作为该元素的一部分,放到该元素的最前面
    $('.class').prependTo(content); 将该元素作为content的一部分,放content的最前面
    $('.class').remove(); 删除所有的指定元素
    $('.class').remove('exp'); 删除所有含有exp的元素
    $('.class').wrap('html'); 用html来包围该元素
    $('.class').wrap(element); 用element来包围该元素

  • 相关阅读:
    第07组 Alpha事后诸葛亮
    第07组 Alpha冲刺(4/4)
    第07组 Alpha冲刺(3/4)
    第07组 Alpha冲刺(2/4)
    第07组 Alpha冲刺(1/4)
    2021-7-15
    2021-7-13工作笔记
    第07组 Beta版本演示
    第07组 Beta冲刺(2/4)
    第07组 Beta冲刺(3/4)
  • 原文地址:https://www.cnblogs.com/wush-1215/p/9712188.html
Copyright © 2011-2022 走看看