初次接触JQuery

Posted 2020-07-21 懒惰让你止步不前

初次接触JQuery

1. 综述

　　JQuery，是一个javascript库，给JavaScript开发带来了极大的便利。它有以下好处：减少了JavaScript的代码量；分离了JavaScript和html，在页面里只需要定义id即可；方便地为网站提供Ajax交互。

 

2. JQuery代码

2.1 函数调用

$(this).hide();　　对当前HTML元素，调用hide函数，即隐藏他。

$("p").hide();　　对所有的<p>元素，调用hide函数，即隐藏他。

$(".test").hide();　　对class="test"的元素，调用hide函数，即隐藏他。

$("#test").hide();　　对id="test"的元素，调用hide函数，即隐藏他。

$("")里面字符串内容的意义跟CSS有些像：没有符号代表某种标签； . 代表某类；#代表id。

其基础语法是$(selector).action()

• 美元符号$，定义jquery
• selector，选择符定义执行函数的对象
• action，定义动作

 

2.2 介绍一些函数

$(document).ready(function(){
    // JQuery funtions go here
});

其余的JQuery函数都写在这个函数里，这是为了保证其他JQuery函数在网页加载出来之后才调用。