自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ling811的专栏

随心所动,自由翱翔

  • 博客(192)
  • 问答 (1)
  • 收藏
  • 关注

原创 jquery属性操作 - attr() 方法

定义和用法attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数,其工作方式也有所差异。返回属性值返回被选元素的属性值。语法$(selector).attr(attribute)参数描述attribute规定要获取其值的属性。实例无标题文档 $(document).ready(func

2014-01-09 13:04:09 943 1

原创 jQuery :contains 选择器

定义和用法:contains 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素语法$(":contains(text)")参数描述text必需。规定要查找的文本。例子:无标题文

2014-01-03 15:33:44 868

原创 jquery api .get()

.get(index)描述: 通过jQuery对象获取一个对应的DOM元素。.get([index])index类型: Number从0开始计数,用来确定获取哪个元素。.get() 方法允许我们直接访问jQuery对象中隐含的DOM节点。假设我们页面上有一个简单的无序列表:例子:Example: 给出点中元素的标签名。无标题文

2014-01-02 18:02:58 1116

原创 jquery api .length

.length描述: 在jQuery对象中元素的数量。目前匹配的元素数量。.size()方法将返回相同的数字。无标题文档 body{ cursor:pointer;} div { width:50px; height:30px; margin:5px; float:left; background:#0F0; } span { color:

2014-01-02 17:38:45 666

原创 jQuery API .each()

.size()描述: 返回的jQuery对象匹配的DOM元素的数量。.size()这个方法不接受任何参数。.size()方法从jQuery 1.8开始被废弃。使用.length属性代替。.size()方法功能上等价于.length属性。但是.length 属性是首选的,因为它没有函数调用时的额外开销。例子:

2014-01-02 17:28:50 729 1

原创 jQuery API .index()

.index()描述: 从匹配的元素中搜索给定元素的索引值,从0开始计数。.index()这个方法不接受任何参数。.index( selector )selector类型: Selector一个选择器,代表一个jQuery对象,将会从这个对象中查找元素。.index( element )

2014-01-02 17:10:19 737

原创 jquery API .hasClass()

.hasClass()描述: 确定任何一个匹配元素是否有被分配给定的(样式)类。.hasClass(className)className类型: String要查询的样式名。例子:在匹配的元素上寻找 'selected' 样式。无标题文档 p{ margin:10px; font-size:16px;} .selected

2014-01-02 15:19:47 894

原创 jQuery api .is()

.is()描述: 判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数,那么返回true。.is( selector )selector类型: Selector一个字符串,包含一个用来匹配元素的选择器表达式。.is( function(index) )

2014-01-02 14:47:37 931

原创 jQuery API .not()

.not()描述: 从匹配的元素集合中移除指定的元素。.not( selector )selector类型: Selector一个用于匹配元素的选择器字符串。添加的版本: 1.0.not( elements )elements类型: Elements要从匹配元素集合中移除的一个或多个

2014-01-02 13:28:00 840

原创 jQuery API .filter()

.filter()描述: 筛选元素集合中匹配表达式 或 通过传递函数测试的 那些元素集合。.filter(selector)selector类型: Selector一个用于匹配元素的选择器字符串。.filter(function(index))function(index)类型: Function()一个函数用作测试集合中的每个元素。this

2014-01-02 13:14:03 671

原创 jQuery API .eq()

.eq()描述: 减少匹配元素的集合为指定的索引的哪一个元素。.eq(index)index类型: Integer一个整数,指示元素的位置,以0为基数。.eq(-index)-index类型: Integer一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。如果一个jQuery对象表示一个DOM元素的集合,.eq()方

2014-01-02 12:10:49 709

原创 jquery API .find()

.find()描述: 通过一个选择器,jQuery对象,或元素过滤,得到当前匹配的元素集合中每个元素的后代。.find( selector )selector类型: Selector一个用于匹配元素的选择器字符串。添加的版本: 1.6.find( jQuery object )jQuery object

2014-01-02 11:35:23 922

原创 jQuery api .next()

.next()描述: 取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。.next([selector])selector类型: Selector一个字符串,其中包含一个选择器表达式针对匹配元素。如果一个jQuery代表了一组DOM元素, .next()方法允许我们找遍元素集合中

2014-01-02 10:52:37 749

原创 jQuery API .parent()

.parent()描述: 取得匹配元素集合中,每个元素的父元素,可以提供一个可选的选择器。.parent([selector])selector类型: Selector一个字符串,用于匹配元素的选择器表达式字符串。如果提供的jQuery代表了一组DOM元素,.parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素

2014-01-02 10:27:42 742

原创 jQuery API .append()

.append().append(content[,content])描述: 在每个匹配元素里面的末尾处插入参数内容。content类型: String, Element, jQueryDOM 元素,DOM元素数组,HTML字符串,或者jQuery对象,用来插在每个匹配元素里面的末尾。content类型: String, El

2013-12-30 18:05:29 1072

原创 jquery api :animated Selector

:animated Selector描述: 选择所有正在执行动画效果的元素.jQuery(":animated")注意:  如果您使用一个自定义的jQuery绑定一个没有效果模块,:animated选择器会抛出一个错误。Additional Notes:(其他注意事项:)因为:animated 是一个 jQuery 延伸出来的选择器,并不

2013-12-30 17:29:38 948

原创 jQuery API .animate()

.animate().animate(properties[,duration][,easing][,complete])描述: 根据一组 CSS 属性,执行自定义动画。properties类型: PlainObject一个CSS属性和值的对象,动画将根据这组对象移动。duration (默认: 400)类型: Number or S

2013-12-30 16:42:45 1088 1

翻译 jQuery API All Selector (*”)

All Selector (“*”)jQuery("*")警告: 除非被它自己使用,否则 * 选择器或通用选择器,其速度是极其慢的。例子:Example: 查找文档中的每一个元素(包括 head, body 等)。请注意,如果您的浏览器扩展/插件启用,插入一个或元素到DOM,该元素就会被计算。无标题文档 h3{ margin:0;}

2013-12-30 15:12:00 603

原创 jQuery API .ajaxSuccess()

.ajaxSuccess().ajaxSuccess(handler(event,XMLHttpRequest,ajaxOptions))描述: 绑定一个函数当 Ajax 请求成功完成时执行。 这是一个Ajax Event.handler(event, XMLHttpRequest, ajaxOptions)类型: Function()被调用的函数。每当一个

2013-12-30 14:30:01 1174

原创 jQuery API .ajaxStop()

.ajaxStop()描述: 在AJAX 请求完成时执行一个处理函数。 这是一个 Ajax Event。.ajaxStop(handler())handler()类型: Function()被调用的函数。每当一个Ajax请求完成,jQuery检查是否有任何其他响应过程中的Ajax请求(愚人码头注:未完成的请求)。如果都执行完成,jQuery就会触发ajaxSto

2013-12-30 13:54:12 761

原创 jQuery API .ajaxStart()

.ajaxStart().ajaxStart(handler())描述: 在AJAX 请求刚开始时执行一个处理函数。 这是一个 Ajax Event.handler()类型: Function()被调用的函数。每当一个Ajax请求即将发送,jQuery检查是否有任何其他响应过程中的Ajax请求(愚人码头注:未完成的请求)。如果没有检查到,jQuery就会触发aj

2013-12-30 13:32:20 1222 1

原创 jQuery API .ajaxSend()

.ajaxSend().ajaxSend(handler(event,jqXHR,ajaxOptions))描述: 在Ajax请求发送之前绑定一个要执行的函数,这是一个 Ajax Event.handler(event, jqXHR, ajaxOptions)类型: Function()被调用的函数。例子:无标题文档 Trigg

2013-12-30 12:09:39 840

原创 jQuery API .ajaxError()

.ajaxError().ajaxError(handler(event,jqXHR,ajaxSettings,thrownError))描述: Ajax请求出错时注册一个回调处理函数,这是一个 Ajax Event。handler(event, jqXHR, ajaxSettings, thrownError)类型: Function()被调用的函数。每当

2013-12-30 11:45:05 872 1

原创 jQuery API .ajaxComplete()

.ajaxComplete().ajaxComplete(handler(event,XMLHttpRequest,ajaxOptions))类型: Function()被调用的函数。每当一个Ajax请求完成,jQuery就会触发ajaxComplete事件,在这个时间点所有处理函数会使用.ajaxComplete()方法注册并执行。观察活动中的这种方法,建

2013-12-30 11:17:43 1462 1

原创 jQuery API .after()

.after()描述:插入内容,指定的参数,在每个元素在匹配的元素集合。.after(content[,content])content类型:htmlString或Element或Array或jQueryHTML字符串,DOM元素,数组的元素,或jQuery对象插入后每个元素在匹配的元素集合。content类型: String, Element,

2013-12-30 10:39:45 902

原创 jQuery API contents()

.contents()描述:孩子的每个元素在匹配的元素集合,包括文本和注释节点。这个方法不接受任何参数。    给定一个jQuery对象,该对象表示一组DOM元素,在.contents()方法允许我们搜索通过这些元素的直接子DOM树和构造一个新的jQuery对象匹配元素。.contents()和.children()方法是类似的,只不过前者包括文本节点以及HTML元素在

2013-12-25 14:16:47 927

原创 jquery api closeset()

描述:为每个元素集,获得第一个选择器匹配的元素通过测试通过其祖先元素本身和遍历DOM树。.closest(selector)selector一个字符串包含一个选择器表达式匹配元素。---------------------------------------------------------------------------.closest(selector)

2013-12-25 13:46:58 2096

原创 jquery api children()

.children()描述:孩子的每个元素在匹配的元素集合,有选择地过滤选择器。children([selector])selector一个字符串包含一个选择器表达式匹配元素。给定一个jQuery对象,该对象表示一组DOM元素,children()方法允许我们搜索这些元素在DOM树和构造一个新的jQuery对象匹配元素。children()方法不同.find()

2013-12-25 11:54:49 743

原创 jquery api addback()和andSelf()

描述:添加元素在堆栈上的当前设置,选择过滤选择器。.addblock([selector]);selector一个字符串包含一个选择器表达式来匹配当前元素的元素集合。作为.end()讨论中描述,jQuery对象维护一个内部堆栈跟踪的变化匹配元素的元素集合。当一个DOM遍历方法被调用时,新的元素被压入堆栈。如果前面的设置需要的元素,.addBack()可以帮助。例子:.add

2013-12-25 10:59:42 2558

原创 jquery api add()方法

给定一个jQuery对象,该对象表示一组DOM元素,该add()方法构造一个新的jQuery对象从这些元素的结合和传递到方法的人。add()的参数可以是接受$(),包括一个jQuery选择器表达式,DOM元素的引用,或者一个HTML片段。    不要认为这个方法附加到现有的元素集合的顺序把它们传递到add()方法。当所有元素的成员相同的文档,结果收集从add()将按文档顺序排序;也就是说,在文

2013-12-25 10:24:41 980

原创 setTimeout()与setInterval()方法区别

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。setTimeout():在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式;也就是说在执行完设定好的秒数后再执行。实验代码(改变body背景颜色):setTimeout(function(){ $("body").css("background","red");}

2013-12-23 14:43:40 706

原创 jquery的 层次选择器

无标题文档 $(function(){ $("#bt1").click(function(){ $("div > p").css("background","red") })})$(function(){ $("div > p").css("color",'blue');}) div下的p div下的p div下的p div下的p d

2013-12-20 19:22:39 653

原创 jquery 属性选择器用法

无标题文档 $(document).ready(function(){ $("[id]").css("color","blue");})实验element这是个带class的p1p标签2p标签3h3这是个divli1li2li3效果图:无标题文档$(function(){ $("body [id!=main

2013-12-20 19:01:53 720

原创 jquery 基本选择器--element

无标题文档 $(function(){ $("p").css("background","red") })实验element这是个带class的p1p标签2p标签3这是个divli1li2li3效果图:

2013-12-20 18:46:53 757 1

原创 jquery改变多个按钮颜色

按钮1按钮2按钮3按钮4按钮5//console.log('good');//根据 按钮1 的data-role='triggler'事件触发$("[data-role='trigger']").click(function(){    //根据其他按钮的data-role='btn'事件获取内容    //each()分流出每个事件    $("[da

2013-12-20 17:15:17 3908

转载 AJAX - 创建 XMLHttpRequest 对象

XMLHttpRequest 是 AJAX 的基础。XMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。创建 XMLHttpRequest 对象

2013-12-19 10:46:11 538

原创 jQuery - AJAX get() 和 post() 方法

所有文章参考w3school网站;jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上用于从服务

2013-12-18 11:01:34 932

转载 jQuery - AJAX load() 方法

jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callba

2013-12-18 10:30:46 1012

原创 jQuery 遍历 - 过滤

缩写搜索元素的范围三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。jQuery first() 方法first() 方法返回被选元素的首个元素。下面的例子选取首个 元素内部的第一个 元素

2013-12-17 18:30:52 634

原创 jQuery 遍历 - 同胞

同胞拥有相同的父元素。通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。在 DOM 树中水平遍历有许多有用的方法让我们在 DOM 树进行水平遍历:siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()jQuery siblings() 方法siblings() 方法返回

2013-12-17 17:50:28 618

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除