zoukankan      html  css  js  c++  java
  • jQuery 之 初识jQuery

    什么是jQuery?

    jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

    jQuery库包含以下功能:HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改AJAX、Utilities

    jQuery的使用方式

    下载后引入

    <script src="js/jquery-3.3.1.min.js"></script>

    入门案例

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>入门案例</title>
      <script src="js/jquery.js">
      </script>
      <script type="text/javascript">
        $(function(){
          alert("hello world");
        });
      </script>
    </head>
    <body>
    </body>
    </html>

    jQuery入口函数

    $(document).ready(function(){
        // 执行代码
    });
    或者
    $(function(){
        // 执行代码
    });

    jQuery对象

    jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。
    对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。
    jQuery对象的获取通常是使用选择器来获取的。
    jQuery对象和js对象是不同的,但是可以相互转换。

    jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
     js -- > jq : $(js对象)

  • 相关阅读:
    wowjs
    权限组件的判断
    跨域
    Github DNS解析失败怎么办?
    GraceUI
    ant vue 组件 cascader 封装地址联动选择器
    js 防抖节流
    SCSS 的基本使用
    使用 nuxt 开发网站 之 如何做国际化?
    使用 nuxt 开发网站 之 如何展示子页面?
  • 原文地址:https://www.cnblogs.com/zero-vic/p/13258583.html
Copyright © 2011-2022 走看看