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. 第3月第9天 循环引用 block

    一.一个对象没有被引用,那么在函数块完成时就会被dealloc,这种情况因为对象销毁了,block块也永远不会执行. MyNetworkOperation *op = [[MyNetworkOpera ...

  2. sqlserver 自增ID插入指定数据

    set identity_insert 表名 ON --允许对自增列Id插入指定数据 insert into table_name(Id,Name) values(1,'test') set iden ...

  3. JavaScript 代码风格指南

    一.基本格式 缩进 建议每级4个空格,可以给编辑器设置tab = 4个空格,自动转换 分号 不要省略分号,防止ASI(自动插入分号)错误 行宽 每行代码不超过80个字符,过长应该用操作符手动断行 断行 ...

  4. 欢迎加入threejs

    Threejs is the coolest graphics rendering engine I have ever seen, so what is threejs, Now, we have ...

  5. 安装第三方模块方法和requests

    如何安装第三方模块 pip3         pip3 install xxxx          源码         下载,解压         进入目录 python setup.py inst ...

  6. Oracle生成指定表的列名，并前后添加select from

    表的列名比较多的时候,手工一个个的写列名比较麻烦,这个函数可以让人偷偷懒 create or replace function f_GetCols(p_TableName in varchar2/*获 ...

  7. ubuntu下安装chrome

    首先.题主在试过直接ubuntu终端命令安装chrome失败. 把经历过的错误稍微提一下: 在终端输入 下载安装包 sudo wget https://dl.google.com/linux/dire ...

  8. Qt文件路径分隔符

    QDir::toNativeSeparators()QDir::separator()

  9. LeetCode之371. Sum of Two Integers

    ---------------------------------- 使用位运算实现加法: a^b 加不同部分(a&b)<<1 加相同部分递归相加 AC代码: public cla ...

  10. getFields()和getDeclaredFields()的区别

    getFields()获得某个类的所有的公共(public)的字段,包括父类. getDeclaredFields()获得某个类的所有申明的字段,即包括public.private和proteced, ...