jquery基本操作

一、页面加载
    第一种:
      $(function(){

      });
    第二种
      $(document).ready(function(){

      });

  取值:
    表单元素:$(选择器).val();
    非表单元素:$(选择器).text()/html();
    注意:获取到元素对象时,循环时要注意:console.log($(变量[i]).val());来获取

  设置值:
    表单元素:$(选择器).val(‘值’);
    非表单元素:$(选择器).text()/html(‘值’);

  标签显示隐藏:
    隐藏:$().hide();
    显示:$().show();

  层次选择器:
    $(s1 s2) [父子]:获取s1下的所有s2
    $(s1 > s2) [父子]:获取s1第一层下的s2
    $(s1 + s2) [兄弟]:获取s1后的第一个s2
    $(s1 ~ s2) [兄弟]:获取s1后的所有s2

  属性操作:
    $().attr(属性名称); //获得属性信息值
    $().attr(属性名称,值); //设置属性的信息
    $().removeAttr(属性名称); //删除属性
    $().attr(json对象); //同时为多个属性设置信息值,json对象的键值对就是名称和值
    $().attr(属性名称,fn); //通过fn函数执行的return返回值对属性进行赋值

  class属性值操作:
    $().addClass(值); //给class属性追加信息值
    $().removeClass(值); //删除class属性中的某个信息值
    $().toggleClass(值); //开关效果,有就删除,没有就添加


  css操作:
    $().css(name,value); //设置
    $().css(name); //获取
    $().css(json对象); //同时修改多个css样式

 

posted @ 2019-08-19 15:37  养一只Tom猫  阅读(138)  评论(0编辑  收藏  举报