学习JQuery

来源：互联网发布：传智播客2015java视频编辑：程序博客网时间：2024/06/06 05:50

在学习JQuery之前，我们必须需要了解一下三点：

1、HTML

2、CSS

3、JavaScropt

首先，什么是JQuery呢？

它，是javascript编写一个可重用的JavaScript库，Query 是查询的意思, jQuery就是用javascript更加方便的查询和控制页面控件。

那么，JQuery可以做什么呢？

不使用jQuery设置UI文本的JavaScript代码如下：

document.getElementById("txt1").value = "hello";

使用JQuery的代码是这样的：

$("#txt1").val("Hello");

所以，JQuery可以很大程度上减少代码的编写。

问题又来了，这个东西怎么使用啊？

用jQuery类库后的的JavaScript代码如下：

从jquery.com下载的jquery.js文件（最新的JQuery版本V1.11.1或V2.1.1）。 jQuery的文件规则，如“jquery-1.4.1.j s”，其中1.4.1是JS文件的版本的版本号。

在开发Web程序前，需要包含的JavaScript，如图下面的代码：

用jQuery类库后的的JavaScript代码如下：

<head><script type="text/javascript" src="jquery.js"></script></head>

$(this).hide()

演示 jQuery hide() 函数，隐藏当前的 HTML 元素。

$("#test").hide()

演示 jQuery hide() 函数，隐藏 id="test" 的元素。

$("p").hide()

演示 jQuery hide() 函数，隐藏所有 <p> 元素。

$(".test").hide()

演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。

基本的语法，就是这样，如果想要学习更多，需要自己更加努力专研，我也在努力！

0 0