jQuery技术

jQuery学习简要笔记 第2页

字号+ 作者:H5之家 来源:H5之家 2017-05-26 14:05 我要评论( )

Linux公社(www.linuxidc.com)是专业的Linux系统门户网站,实时发布最新Linux资讯,包括Linux、Ubuntu、Fedora、RedHat、红旗Linux、Linux教程、Linux认证、SUSE

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 的下载地址:请点这里

本文永久更新链接地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 编程学习网站,带你编程入门和进阶

    编程学习网站,带你编程入门和进阶

    2017-05-20 16:01

  • jQuery学习笔记使用jQuery选择DOM元素

    jQuery学习笔记使用jQuery选择DOM元素

    2017-05-20 15:00

  • jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

    jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

    2017-05-20 14:11

  • jQuery学习简要笔记

    jQuery学习简要笔记

    2017-05-19 11:00

网友点评
/