初次接触JQuery

初次接触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函数在网页加载出来之后才调用。

 

 

2.3 获取和改变html元素

可以通过三个函数获取和设置属性值。

$("p").text() 获取元素内的文本

$("p").html() 获取元素（包括HTML标签）

$("input").val() 获取某些标签的value值

在以上三个函数内加入参数，便是将元素值设置为参数指定的值。如$("p").text("Hello World!") 设置元素内的文本为Hello World!

 

还有一个.attr() 函数，可以获取和设置参数值。