JQuery笔记¶

基础语法¶

$(seletor).action();

选择器¶

• $(document)
• $("#id")
• $("tag")
• $(".class")

高级语法

• $("tag.class")
• $("[href]") 选择所有带href属性的元素
• $("li:odd") 选择奇数位置的li元素

文档对象 $(document)¶

在文档就绪之后执行代码¶

两种等价方式

$(document).ready(function() {
    // ...
});

$(function() {
    // ...
});

事件¶

• .click() 元素被点击时产生的事件

Ajax¶

Load $(seletor).load(url, data, callback)¶

将内容加载到指定的元素中。

• url
• data 查询键值对
• callback load()完成后执行的回调函数

示例

1. $('#div').load("content.txt")
2. $('#div').load("content.txt p") 可结合选择器使用，将content.txt中p标签的内容载入div元素中

Get¶

$.get(url, callback);

示例

$.get(url, function(data, status) {
    concole.log(data + status);
});

Post¶

$.post(url, data, callback);