jQuery学习简要笔记

[日期：2014-09-15] 来源：Linux社区  作者：Linux [字体：]

8.设置属性值：设置属性 - attr()
  jQuery attr() 方法也用于设置/改变属性值。
 下面的例子演示如何改变（设置）链接中 href 属性的值：
  $("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
  });

9.jQuery的四个防范用于添加元素： (添加新内容的四个 jQuery 方法)
    append() - 在被选元素的结尾插入内容
    prepend() - 在被选元素的开头插入内容
    after()    - 在被选元素之后插入内容
    before() - 在被选元素之前插入内容
譬如如下的代码段：
  var txt1="<p>Text.</p>";                    // 以 HTML 创建新元素
  var txt2=$("<p></p>").text("Text.");  // 以 jQuery 创建新元素
  var txt3=document.createElement("p");  // 以 DOM 创建新元素
  txt3.innerHTML="Text.";
  $("p").append(txt1,txt2,txt3);        // 追加新元素

10. 删除元素/内容，如需删除元素和内容，一般可使用以下两个 jQuery 方法：
    remove() - 删除被选元素（及其子元素）
    empty() - 从被选元素中删除子元素
例如： $("p").remove(".italic")

11. jQuery 操作 CSS
    addClass() - 向被选元素添加一个或多个类
    removeClass() - 从被选元素删除一个或多个类
    toggleClass() - 对被选元素进行添加/删除类的切换操作
    css() - 设置或返回样式属性
例如： $("p").css({"background-color":"yellow","font-size":"200%"});

12.  jQuery 提供多个处理尺寸的重要方法：
    width()；
    height()；
    innerWidth()；
    innerHeight()；
    outerWidth()；
    outerHeight()；

13. jQuery元素遍历：
    向上遍历 DOM 树:  这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：
    parent()
    parents()
    parentsUntil()
    向下遍历 DOM 树: 下面是两个用于向下遍历 DOM 树的 jQuery 方法：
    children()
    find()
    水平遍历树：有许多有用的方法让我们在 DOM 树进行水平遍历：
    siblings()
    next()
    nextAll()
    nextUntil()
    prev()
    prevAll()
    prevUntil()
    过滤算法：缩写搜索元素的范围，最简单与最基本的过滤算法；
    三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。
    其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

14.  Ajax方法支持：
14.1 jQuery load() 方法是简单但强大的 AJAX 方法，load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
  语法：$(selector).load(URL,data,callback);
  必需的 URL 参数规定您希望加载的 URL。
  可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
  可选的 callback 参数是 load() 方法完成后所执行的函数名称。
14.2 jQuery $.get() 方法；
  $.get() 方法通过 HTTP GET 请求从服务器上请求数据。
  语法：$.get(URL,callback);
  必需的 URL 参数规定您希望请求的 URL。
  可选的 callback 参数是请求成功后所执行的函数名。
  下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：
  实例：
  $("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
  });
14.3 jQuery $.post() 方法，$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
  语法：$.post(URL,data,callback);
  必需的 URL 参数规定您希望请求的 URL。
  可选的 data 参数规定连同请求发送的数据。
  可选的 callback 参数是请求成功后所执行的函数名。

jQuery 的详细介绍：请点这里
jQuery 的下载地址：请点这里

本文永久更新链接地址：