zoukankan      html  css  js  c++  java
  • jQuery 基础

     **1. 定义:什么是jQuery?**
     1、jQuery是一个JavaScript函数库。
     2、jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
     3、jQuery库包含以下功能:HTML元素选取、HTML元素操作、CSS操作、HTML事
     件函数、JavaScript特效和HTMLDOM遍历和修改。
     
     **2. js与jQuery的区别**
     
     
    **(1)js:**
     1、入口函数只有一个,window.onload
     2、浏览器兼容性:非常令人头疼,比如innerText在火狐浏览器不起作用
     3、DOM错综复杂,实现简单的效果很麻烦
     4、代码容错性差,出错后导致后面的代码不执行
    **(2)jQuery:**
     1、市场占有率稳步上升,代码比较少,功能强大
     2、DOM比较强大,事件处理,完全解决了浏览器的兼容性问题
     3、ajax操作(比较好)
     **3. jQuery的优点(写的少,做的多)**

     1、目前网络上有大量开源的JS框架,但是jQuery是目前最流行的JS框架,且提供了大量的扩展。
     2、很多大公司都在使用jQuery,例如:Google、Microsoft、IBM、Netflix。
     3、目前jQuery兼容于所有主流浏览器,包括InternetExplorer6!
     **4. jQuery的安装与引用**
     

     1、从jquery.com 上进行下载,再在html中进行引用,具体操作如下:
     
    ```html
    <head>
    <scriptsrc="jquery-1.10.2.min.js"></script>
    </head>
    ```
     
     2、从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
    ```html
    <head> 
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> 
    </head>
    ```
    **5、jQuery入口函数**
    1、 jQuery书写入口函数
    ```html
     jQuery(document).ready(function (){
            console.log("111");
        })
    ```
    2、$(document) 书写入口函数
    ```javascript
    $(document).ready(function (){
            console.log("2222");
        })
    ```
    3、简写(最常用)
    ```javascript
    $(function(){
            console.log("3333");
        })
    ```

    (3) 1.3.3了解jQuery$符号

    $是什么

    其实$就是一个函数:$();参数不一样,功能不一样

    $常用的几种情况:

    $(function() {});//参数是function,说明是入口函数

    $(#btnSetConent);//参数是字符串,并且以#开头,是一个标签选择,查找id=btnSetContent”的元素

    $(div);//查找所有的div元素

    $(document).ready(funciton(){})//document转换成jQuery对象

  • 相关阅读:
    django-orm基础字段及选项1
    django-模型层
    django-应用及分布式路由
    django-static配置静态文件
    django-url反向解析
    django-url路径书写规范
    django-模板继承 block、endblock、 extend
    详解HTML中的表单元素
    详解HTML中的表格标签
    jQuery和AJAX基础
  • 原文地址:https://www.cnblogs.com/guirong/p/13510512.html
Copyright © 2011-2022 走看看