JQuery简介及语法

• 认识JQuery
• 引入JQuery
• JQuery语法

认识JQuery

1.jQuery：jQuery 库可以通过一行简单的标记被添加到网页中

2.什么是jQuery：jQuery是一个JavaScript函数库，是对JavaScript的封装，也封装了浏览器兼容性问题，不用再担心浏览器兼容性。

3.jQuery库包含的功能：

• HTML元素的选取
• HTML元素操作
• CSS操作
• HTML事件函数
• JavaScript特效和动画
• HTML DOM遍历和修改
• AJAX 请求数据
• Utilities 工具类

引入JQuery的方法

引入JQuery.png

JQuery官网：链接

JQuery语法

1、基础语法
基础语法：$(selector).action()
美元符号：定义jQuery
选择符：(selector) ‘查询’和‘查找’HTML元素
jQuery的action()执行对元素的操作
例如：$(this).hide() -隐藏当前元素
$("p").hide() -隐藏所有段落

可以在下面网站下载你需要的jQuery:jquery所有版本

引入jQuery：

引入.png

示例代码必须注意引入js 的顺序：

    
    
    
    
    


    
hello
    
hello
    
hello
    
hello

$(document).ready(function () {
    // alert("文档加载完毕");
    $("p").click(function () {
        $(this).hide();
    })
});