jQuery引入方式-jQuery选择器-jQuery简介

    Python编程 wuya 177次浏览 已收录 0个评论

    jQuery简介

    • jQuery是一个快速、简洁的JavaScript框架
    • jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
    • 它封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    引入方式

    • 示例:
      <!-- 加载本地资源 -->
      <!-- <script src="jquery-1.11.3/jquery.js" type="text/javascript" charset="utf-8"></script> -->
      <!-- 加载CDN资源 -->
      <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
      
      <script type="text/javascript">
              
          jQuery(document).ready(function(){
              console.log(123)
          })
      
          $(document).ready(function(){
              console.log(456)
          })
      
          $(function(){
              console.log(789)
          })
        
      </script>
    • 说明:
      • 使用时必须指定版本(目录/名称),因为不同版本有兼容问题,甚至有BUG
      • min的版本表示压缩版本,就是删除了用于格式控制的空格回车等字符
      • jQuery代码要写在回调函数中,可以绑定多个回调函数

    选择器

    • 基本:id、class、标签名、*、组合
    • 层级:E FE > FE + FE ~ F
    • 基本:first、last、eq、gt、lt、even、odd、header、not、animated、focus
    • 内容:contains、empty、has、parent
    • 可见性:hidden、visible
    • 属性:见文档
    • 子元素:first-child、last-child、nth-child、only-child
    • 表单:input、text|password|…
    • 表单对象属性:enabled、disabled、checked、selected

    练习:

    • 预习:文档处理、筛选、事件、效果

    学海无涯 , 版权所有丨如未注明 , 均为原创丨转载请注明jQuery引入方式-jQuery选择器-jQuery简介
    喜欢 (0)
    发表我的评论
    取消评论
    表情 加粗 删除线 居中 斜体 签到

    Hi,您需要填写昵称和邮箱!

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址