跳转至

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);