首页 > Web开发 > 详细

jquery基本操作

时间:2019-08-19 15:58:24      阅读:88      评论:0      收藏:0      [点我收藏+]

一、页面加载
    第一种:
      $(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样式

 

jquery基本操作

原文:https://www.cnblogs.com/yanghaoyu0624/p/11377485.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!