• jQuery基本语法


    jQuery由美国人John Resig于2006年创建 jQuery是目前最流行的JavaScript程序库,

    它是对JavaScript对象和函数的封装 它的设计思想是write less,do more

    基础语法:$(selector).action()

    • 美元符号定义 jQuery  $ 
    • 选择符(selector)“查询”和“查找” HTML 元素
    • jQuery 的 action() 执行对元素的操作
      • 工厂函数$():将DOM对象转化为jQuery对象
      • 选择器 selector:获取需要操作的DOM 元素
      • 方法action():jQuery中提供的方法,其中包括绑定事件处理的方法
    $(this).hide() - 隐藏当前元素
    $("p").hide() - 隐藏所有段落
    • <script type="text/javascript" src="./js/jquery-1.8.3.min.js" ></script>

      <script type="text/javascript">
          $(document).ready(function(){
               $("h1").click(function(){
                  $(this).css('color','blue');
                  $('p').css({'font-size':"14px",'line-height':'30px'});
              });
          });
      
      </script>

    (document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。当前文档加载完毕即会执行下面的函数

    click是函数对象的一个方法。方法为点击鼠标事件!执行下面的函数

    this是获取当前对象。

    jQuery选择器

    类CSS选择器

    • 基本选择器
    • 层次选择器
    • 属性选择器

    过滤选择器

    • 基本过滤选择器
    • 可见性过滤选择器

      

    以上图表来自于老师教案。

     

    show( ) 显示隐藏的匹配元素。

    hide( ) 隐藏所有的匹配元素。

    toggle( ) 切换元素的可见状态。

    find()搜索所有与指定表达式匹配的元素

    text() - 设置或返回所选元素的文本内容

  • 相关阅读:
    【分布式】Zookeeper会话
    【分布式】Zookeeper客户端
    【分布式】Zookeeper序列化及通信协议
    【分布式】Zookeeper系统模型
    【分布式】Zookeeper在大型分布式系统中的应用
    【分布式】Zookeeper应用场景
    【分布式】Zookeeper使用--开源客户端
    【分布式】Zookeeper使用--Java API
    【分布式】Zookeeper使用--命令行
    【杂文】从实习到校招到工作
  • 原文地址:https://www.cnblogs.com/cyjy/p/6095469.html
Copyright © 2020-2023  润新知