zoukankan      html  css  js  c++  java
  • jQuery:jQuery简介

    1.jQuery介绍

      jQuery由美国人John Resig(约翰·莱西格)于2006年创建

      jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装

      它的设计思想是write less,do more

      实现隔行变色效果,JavaScript要循环加判断,而jQuery只需一句关键代码

      

    $("tr:even").css("background-color","#ccc");

    2.jQuery能做什么?

      访问和操作DOM元素

      控制页面样式

      对页面事件进行处理

      扩展新的jQuery插件

      与Ajax技术完美结合

    jQuery能做的JavaScript也都能做,但使用jQuery能大幅提高开发效率

    其实,jQuery和JavaScript的之间关系,可以理解为“成语”和“白话文”之间的关系。成语是对白话文的高 度压缩,而jQuery也是对JavaScript的高度压缩库

    3.jQuery的优势

      体积小,压缩后只有100KB左右

      强大的选择器

      出色的DOM封装

      可靠的事件处理机制

      出色的浏览器兼容性

    4.jQuery下载

    进入jQuery官网:http://jQuery.com

     我们使用压缩版就可以。体积更小,内容已经通过算法进行压缩, 不会浪费资源空间!

     而开发版就针对修改jQuery源码的专业前端开发者的。

    5.jQuery的使用

    jQuery作为一个单独存在的js文件,并不会与其他的js文件发生冲突

    在页面中使用传统引入js文件的方式引入即可

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

    6.jQuery的基本语法

    <script>
        $(selector).action();
    </script>

    说明:

      工厂函数 $() :将DOM对象转化为jQuery对象

      选择器 selector:获取需要操作的DOM 元素(没错,用法基本上和css一致 )

      方法action():jQuery中提供的方法,其中包括绑定事件处理的方法“$”等同于“ jQuery”

      例如:

    <body>
        <p>hello</p>
    </body>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        alert( $("p").text() );
    </script>

    7.jQuery对象与DOM对象

    DOM对象和jQuery对象分别拥有一套独立的方法,不能混用

    $("#title").html();
    // 等同于
    document.getELementById("title").innerHTML;

    想混用,要转换

    DOM对象转jQuery对象

    var a = document.getElementById("name"); // a是DOM对象
    var b = $(a); // b是jQuery对象

    jQuery对象转DOM对象

    var a = $("#name"); // a是jQuery对象
    var b = jqObject.get(0); // b是DOM对象
  • 相关阅读:
    Apache 虚拟主机 VirtualHost 配置
    EAX、ECX、EDX、EBX寄存器的作用
    Python中文文档 目录(转载)
    八度
    POJ 3268 Silver Cow Party (最短路)
    POJ 2253 Frogger (求每条路径中最大值的最小值,Dijkstra变形)
    2013金山西山居创意游戏程序挑战赛——复赛(1) HDU 4557 非诚勿扰 HDU 4558 剑侠情缘 HDU 4559 涂色游戏 HDU 4560 我是歌手
    HDU 4549 M斐波那契数列(矩阵快速幂+欧拉定理)
    UVA 11624 Fire! (简单图论基础)
    HDU 3534 Tree (树形DP)
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15198873.html
Copyright © 2011-2022 走看看