jQuery加载
1.$(document).ready()
2.添加css样式:单个：$("p").css("color","red");
多个样式:$("p").css({"color":"red","border":"1px"})
3.选择器：
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
属性选择器：
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素

jQuery中的animate（）

2.jQuery中的animate（）方法不能改变div的背景颜色,比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。
jQuery 方法链接
如需链接一个动作，您只需简单地把该动作追加到之前的动作上。
3.$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
4.三个简单实用的用于 DOM 操作的 jQuery 方法：
.text() - 设置或返回所选元素的文本内容
.html() - 设置或返回所选元素的内容（包括 HTML 标记）
.val() - 设置或返回表单字段的值
获取属性 .attr("属性")

用于添加新内容的四个 jQuery 方法：
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

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

过滤被删除的元素

jQuery remove() 方法也可接受一个参数，允许对被删元素进行过滤。
该参数可以是任何 jQuery 选择器的语法。
例子删除 class="italic" 的所有 <p> 元素：
$("p").remove(".italic");

jQuery addClass() 方法：
添加单个class：$("div").addClass("class1")
添加多个class：$("#div").addClass("class1 class2");

jQuery removeClass() 方法:
删除指定的 class 属性：
$("h1").removeClass("blue");
对被选元素进行添加/删除类的切换操作：
jQuery toggleClass() 方法:
$("h1").toggleClass("blue");

设置指定的 <div> 元素的宽度和高度：
$("button").click(function(){
$("#div1").width(500).height(500);
});

jQuery 向上遍历：

1.parent() 方法返回被选元素的直接父元素。
$("span").parent().css("color":"red");
2.parents() 方法
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
3.parentsUntil() 方法
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQuery 向下遍历

children() 方法返回被选元素的所有直接子元素（只会向下一级对 DOM 树进行遍历）
jQuery find() 方法：
find() 方法返回被选元素的所有后代元素：
例：$(document).ready(function(){
$("div").find("span");
});
在 DOM 树中水平遍历：
jQuery siblings() 方法：
siblings() 方法返回被选元素的所有同胞元素。
例：$(document).ready(function(){
$("h2").siblings();
});
jQuery next() 方法
next() 方法返回被选元素的下一个同胞元素，该方法只返回一个元素；
jQuery nextAll() 方法
nextAll() 方法返回被选元素的所有跟随的同胞元素。
Query nextUntil() 方法
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
例如：$(document).ready(function(){
$("h2").nextUntil("h6");
});h2-h6之间被选中；
jQuery 遍历 - 过滤
jQuery first() 方法
下面的例子选取首个 <div> 元素内部的第一个 <p> 元素：
jQuery last() 方法
last() 方法返回被选元素的最后一个元素。
$(document).ready(function(){
$("div p").last();
});div中最后一个p.
jQuery eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素，从0开始。
例：$(document).ready(function(){
$("p").eq(1).css;
});
jQuery filter() 方法
允许规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回；
$(document).ready(function(){
$("p").filter(".lala").css;（class为lala都会被选择）
});
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。
not() 方法与 filter() 相反。
jQuery - AJAX load() 方法
load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容，加载到指定的 <div> 元素中：
实例
$("#div1").load("demo_test.txt #p1");

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不会缓存数据

jQuery用法小结的更多相关文章

  1. 总结几个关于 jQuery 用法

    有关 jquery 用法 目录: $.trim() $.inArray() $.getJSON() 事件委托 on 遍历closest() ajaxSubmit() 拖拽排序 dragsort() 进 ...

  2. 转载：Hadoop排序工具用法小结

    本文转载自Silhouette的文章,原文地址:http://www.dreamingfish123.info/?p=1102 Hadoop排序工具用法小结 发表于 2014 年 8 月 25 日 由 ...

  3. [No000010]Ruby 中一些百分号（%）的用法小结

    #Ruby 中一些百分号(%)的用法小结 #这篇文章主要介绍了Ruby 中一些百分号(%)的用法小结,需要的朋友可以参考下 what_frank_said = "Hello!"#% ...

  4. C++ typedef用法小结 （※不能不看※）

    C++ typedef用法小结 (※不能不看※) 第一.四个用途 用途一: 定义一种类型的别名,而不只是简单的宏替换.可以用作同时声明指针型的多个对象.比如:char* pa, pb; // 这多数不 ...

  5. 函数fgets和fputs、fread和fwrite、fscanf和fprintf用法小结 （转）

    函数fgets和fputs.fread和fwrite.fscanf和fprintf用法小结 字符串读写函数fgets和fputs 一.读字符串函数fgets函数的功能是从指定的文件中读一个字符串到字符 ...

  6. 1:CSS中一些@规则的用法小结 2: @media用法详解

    第一篇文章:@用法小结 第二篇文章:@media用法 第一篇文章:@用法小结 这篇文章主要介绍了CSS中一些@规则的用法小结,是CSS入门学习中的基础知识,需要的朋友可以参考下     at-rule ...

  7. 英语语法最终珍藏版笔记- 21it 用法小结

    it 用法小结 it 在英语中的意思较多,用法较广,现总结如下. 一.it作句子的真正主语 1．it 指前面已经提到过的人或事物,有时指心目中的或成为问题的人或事物,作真正主语. 例如: What’s ...

  8. ［转］ssh常用用法小结

    ssh常用用法小结 1.连接到远程主机: 命令格式 : ssh name@remoteserver 或者 ssh remoteserver -l name 说明:以上两种方式都可以远程登录到远程主机, ...

  9. 结构体定义 typedef struct 用法详解和用法小结

    typedef是类型定义的意思.typedef struct 是为了使用这个结构体方便.具体区别在于:若struct node {}这样来定义结构体的话.在申请node 的变量时,需要这样写,stru ...

随机推荐

  1. [Scala] akka actor编程（一）

    Akka基础 Akka笔记之Actor简介  Akka中的Actor遵循Actor模型.你可以把Actor当作是人.这些人不会亲自去和别人交谈.他们只通过邮件来交流.  1. 消息传递 2. 并发 3 ...

  2. GDI+ 笔记

    1.GDI+模板 #include<windows.h> #include<GdiPlus.h> #include <time.h> #include <ma ...

  3. 明晨HOSTS编辑器mcHostsEdtor与火狐HostAdmin配合使用

    在开发过程中,需要经常切换环境开发.测试.Stage和正式环境,甚为麻烦. 后来找到了HOST切换工具mcHostsEdtor工具快速切换host,但浏览器比如有HOST缓存,后来同事推荐FireFo ...

  4. 利用边框border的属性做小符号

    前两天学习中,发现网站上的一个小符号,以为是插入的img,但找来找去也未发现img的地址.最后问了同学,才得知是用border属性做出来的. 符号如右:  其css代码如下: .fuhao { pos ...

  5. linux c 笔记-4 工程项目阅读推荐

    作者:周子涵链接:https://www.zhihu.com/question/27705862/answer/37738315来源:知乎著作权归作者所有,转载请联系作者获得授权. 转自网上不知道什么 ...

  6. OOCSS的概念和思路

    <概念> <思路> 面向对象的CSS有两个原则: 独立的结构和样式 独立的容器和内容 以下几点是创建OOCSS的关键部分: 创建一个组件库 独立的容器和内容,并且避免样式来依赖 ...

  7. W7无法更新

    从提示中可以推断可能服务中没有启动更新服务,当即开始>>>运行>>>services.msc 打开服务管理,找到Windows Update服务,启动它.重新更新服 ...

  8. quartz集群报错but has failed to stop it. This is very likely to create a memory leak.

    quartz集群报错but has failed to stop it. This is very likely to create a memory leak. 在一台配置1核2G内存的阿里云服务器 ...

  9. 在linux中减小和增大LV的过程与思考

    今天在安装oracle 11 rac的时候,查看操作系统df -lh,发现/home目录竟然分了500多G,/根目录才有50G,当时我就爆了句粗口,这TM系统是怎么做的. Filesystem     ...

  10. 火狐min-height不兼容解决方法

    我们在进行页面架构的时候,一般会分成三个section:header.body.footer.如下面这个页面: 这个时候我们就需要对body部分进行最小高度设置,才能避免footer部分出现在页面中间 ...