jQuery核心
[1] jQuery( expression, [context])
expression: String 一个表达式
context: 可选[Element jQuery] 一个DOM元素,文档,或jQuery对象
说明: 该方法返回一个与css选择器匹配的元素集合。默认情况下,如果没有context参数,此方法会从HTML文档中查找元素,如果传了此参数,则该方法会从context参数指定的文档里查找元素。
- $("div > p").css("border", "1px solid gray");
-
$("input:radio", document.forms[0]);
- $("div > p").css("border", "1px solid gray");
- $("input:radio", document.forms[0]);
[2] jQuery( html, [ownerDocument] )
html: String 实时创建一串html文档,不能包含html, head, body,title等元素
ownerDocument: document 新元素创建的容器
说明: 该方法以字符串文档的形式实时创建文档对象。
- $("<div><p>Hello</p></div>").appendTo("body")
- $("<div><p>Hello</p></div>").appendTo("body")
[3] jQuery( elements )
elements : Element, Array<Element>由jQuery对象封装的DOM元素。
说明: 该方法可以接收XML文档及Windows对象为合法的参数。
- $(document.body).css( "background", "black" );
- $(document.body).css( "background", "black" );
[4] jQuery( callback )
callback : Function 页面文档加载完毕后执行的函数。
说明: $(document).ready()的简写。
分享到:
相关推荐
`$.fn.extend`是jQuery库中的一个核心方法,主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数,从而实现对DOM元素的操作或添加新的功能。在jQuery中,`$.fn`实际上是`$.prototype`的一个...
在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...
在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别,并通过实例来帮助你更好地掌握它们。 首先,`$`...
在jQuery中,`$.extend()`、`.fn`(即`jQuery.fn`)和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...
总的来说,jquery插件开发是一个非常强大且灵活的过程,通过灵活使用$.extend()、$.fn以及$.widget()等方法,我们可以轻松地扩展或者创建新的jQuery功能或者部件。只要我们能够掌握这些方法,相信一定能够有效地提升...
当然,jquery除了提供$.type的工具方法外,还提供了几个其他的工具方法:$.isFunction(), $.isArray(), $.isWindow(), $.isNumeric()等。这几个方法从方法名上就能看出其用途来,下面我们来一一讲解这几个方法在...
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when…done…fail…then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下面的$.ajax写法,看起来很乱 $.ajax({ url...
4. AJAX请求:$.ajax()函数是jQuery的核心之一,它封装了XMLHttpRequest对象,提供了异步数据获取和处理的能力。$.get()、$.post()等简化的API则更易于日常使用。 5. 特性检测:jQuery包含了一套完善的特性检测工具...
当你调用 `$.fn.extend` 并传递一个对象作为参数时,你会将该对象的所有属性添加到jQuery对象(即`$.fn`,它实际上是`$.prototype`的别名)上。这样,你就可以在任何jQuery选择器结果集上调用这些新方法。例如,如果...
在JavaScript和jQuery的世界里,`$.ajax`系列方法是用于执行异步数据请求的核心工具,其中`$.post`是它们的简化版本,专门用于POST类型的HTTP请求。然而,当遇到"jQueryPost页面不能刷新"的问题时,这通常意味着在...
4. **Ajax交互**:jQuery的`.ajax()`方法是进行异步数据交互的标准方式,它可以处理XMLHttpRequest的所有细节,如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`,用于从"data.json...
`jquery.event.drag`是jQuery的一个扩展插件,由Jörn Zaefferer开发,它是jQuery UI中的`draggable`组件的一个轻量级替代品,适用于那些不需要完整UI框架的项目。这个插件为jQuery对象添加了拖放事件处理,使得...
$.each([1,2,3,4],function(){ //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j
5. **Ajax交互**:jQuery的`$.ajax()`函数封装了XMLHttpRequest对象,提供异步数据请求。`$.get()`, `$.post()`等简化了常见的GET和POST请求。 6. **插件生态系统**:jQuery拥有庞大的插件生态系统,如jQuery UI...
- **$.ajax()**:核心的异步请求函数,支持 JSON, XML, HTML 等数据格式。 - **$.get()** 和 **$.post()**:简化的 GET 和 POST 请求,用于快速实现数据交换。 - **$.getJSON()**:专为获取 JSON 数据设计的函数。 ...
10. **$.each()**:这是一个迭代函数,可用于遍历数组或对象,处理每个元素或属性。 总的来说,"jquery-3.6.0.min.zip"包含的jQuery库是现代Web开发中的重要工具,它提供了高效的DOM操作、优雅的API和强大的功能,...
`jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...
其中,`$.fn.on()`方法的引入,取代了之前的`$.fn.bind()`, `$.fn.live()`, `$.fn.delegate()`,提供了一种统一且高效的方式来绑定事件。 7. **兼容性**:jQuery 1.7.2对老版本浏览器有着良好的支持,包括IE6/7/8等...
5. **Ajax交互**:jQuery 的 `$.ajax()` 函数简化了异步数据请求,支持JSON、XML等多种数据格式。同时,`$.get()` 和 `$.post()` 等简化的API使得HTTP GET和POST请求更加便捷。 6. **兼容性**:jQuery 对各种浏览器...