标签： jQuery

发布于

初识jQuery

什么是jQuery？

jQuery是一个JavaScript函数库。

通过 jQuery，可以选取（查询，query） HTML 元素，并对它们执行”操作”（actions）。

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

其中选择器（selector）可以使用CSS的各种选择器，以及基于XPath的一些组合和扩展。

操作（action）则是各种方法，其中包括各种事件处理方法，如click()、hover()等。

对网页中的元素进行取值、设置是DOM的常用操作，使用jQuery可以大大简化这些操作。以下是一些简单的实例。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//获取id="name"的表单元素（如input、select等）的值
var name = $("#name").val();

//设置id="name"的表单元素（如input、select等）的值为"ZhangSan"
$("#name").val("ZhangSan");

//获取id="abc"的HTML元素的innerText值
var txt = $("#abc").text();

//设置id="abc"的HTML元素的innerHTML值为把原来的值加上加粗标记
$("#abc").html("<strong>" + $("#abc").html() + "</strong>");

//设置class="left"的HTML元素的CSS属性
$(".left").css({"text-align":"left","margin-left":"10px"});

//文档中所有<p>标签隐藏
$("p").hide();