`
BlueFuture
  • 浏览: 53311 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

Jquery核心(一) $(...) The jQuery Function

阅读更多

jQuery核心

[1] jQuery( expression, [context])
      expression:  String 一个表达式
      context:     可选[Element jQuery]  一个DOM元素,文档,或jQuery对象
      说明:   该方法返回一个与css选择器匹配的元素集合。默认情况下,如果没有context参数,此方法会从HTML文档中查找元素,如果传了此参数,则该方法会从context参数指定的文档里查找元素。

Js代码 复制代码
  1. $("div > p").css("border""1px solid gray");   
  2. $("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  新元素创建的容器
      说明:   该方法以字符串文档的形式实时创建文档对象。
     

Js代码 复制代码
  1. $("<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对象为合法的参数。
     

Js代码 复制代码
  1. $(document.body).css( "background""black" );  
$(document.body).css( "background", "black" );



[4] jQuery( callback )
      callback :  Function 页面文档加载完毕后执行的函数。
      说明:  $(document).ready()的简写。
     

Js代码 复制代码
  1. $(function(){   
  2.   // Document is ready   
  3. });  
$(function(){
  // Document is ready
});







-------------------------------------------------------------------------------------------------------------------------------

分享到:
评论

相关推荐

    jquery $.fn.extend

    `$.fn.extend`是jQuery库中的一个核心方法,主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数,从而实现对DOM元素的操作或添加新的功能。在jQuery中,`$.fn`实际上是`$.prototype`的一个...

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

    Jquery中$与$.fn的区别实例.zip

    在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别,并通过实例来帮助你更好地掌握它们。 首先,`$`...

    深入理解jquery的$.extend()、$.fn和$.fn.extend()

    在jQuery中,`$.extend()`、`.fn`(即`jQuery.fn`)和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...

    jquery 插件开发

    总的来说,jquery插件开发是一个非常强大且灵活的过程,通过灵活使用$.extend()、$.fn以及$.widget()等方法,我们可以轻松地扩展或者创建新的jQuery功能或者部件。只要我们能够掌握这些方法,相信一定能够有效地提升...

    jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()

    当然,jquery除了提供$.type的工具方法外,还提供了几个其他的工具方法:$.isFunction(), $.isArray(), $.isWindow(), $.isNumeric()等。这几个方法从方法名上就能看出其用途来,下面我们来一一讲解这几个方法在...

    Jquery $when done then的用法详解

    对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when…done…fail…then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下面的$.ajax写法,看起来很乱 $.ajax({ url...

    jquery-1.9.1.min.js

    4. AJAX请求:$.ajax()函数是jQuery的核心之一,它封装了XMLHttpRequest对象,提供了异步数据获取和处理的能力。$.get()、$.post()等简化的API则更易于日常使用。 5. 特性检测:jQuery包含了一套完善的特性检测工具...

    Jquery实现$.fn.extend和$.extend函数

    当你调用 `$.fn.extend` 并传递一个对象作为参数时,你会将该对象的所有属性添加到jQuery对象(即`$.fn`,它实际上是`$.prototype`的别名)上。这样,你就可以在任何jQuery选择器结果集上调用这些新方法。例如,如果...

    jQueryPost页面不能刷新

    在JavaScript和jQuery的世界里,`$.ajax`系列方法是用于执行异步数据请求的核心工具,其中`$.post`是它们的简化版本,专门用于POST类型的HTTP请求。然而,当遇到"jQueryPost页面不能刷新"的问题时,这通常意味着在...

    jquery-1.12.4-jquery.min.js.zip

    4. **Ajax交互**:jQuery的`.ajax()`方法是进行异步数据交互的标准方式,它可以处理XMLHttpRequest的所有细节,如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`,用于从"data.json...

    jquery.event.drag jquery拖动插件

    `jquery.event.drag`是jQuery的一个扩展插件,由Jörn Zaefferer开发,它是jQuery UI中的`draggable`组件的一个轻量级替代品,适用于那些不需要完整UI框架的项目。这个插件为jQuery对象添加了拖放事件处理,使得...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    $.each([1,2,3,4],function(){  //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    5. **Ajax交互**:jQuery的`$.ajax()`函数封装了XMLHttpRequest对象,提供异步数据请求。`$.get()`, `$.post()`等简化了常见的GET和POST请求。 6. **插件生态系统**:jQuery拥有庞大的插件生态系统,如jQuery UI...

    jquery-3.6.0.min.zip

    10. **$.each()**:这是一个迭代函数,可用于遍历数组或对象,处理每个元素或属性。 总的来说,"jquery-3.6.0.min.zip"包含的jQuery库是现代Web开发中的重要工具,它提供了高效的DOM操作、优雅的API和强大的功能,...

    jQuery(document).ready(function($) { });的几种表示方法

    `jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...

    jquery-1.7.2.js 、jquery-1.7.2.min.js 【官方jquery包 js】

    其中,`$.fn.on()`方法的引入,取代了之前的`$.fn.bind()`, `$.fn.live()`, `$.fn.delegate()`,提供了一种统一且高效的方式来绑定事件。 7. **兼容性**:jQuery 1.7.2对老版本浏览器有着良好的支持,包括IE6/7/8等...

    jquery-1.9.1.min.js_javascript_jquery_

    5. **Ajax交互**:jQuery 的 `$.ajax()` 函数简化了异步数据请求,支持JSON、XML等多种数据格式。同时,`$.get()` 和 `$.post()` 等简化的API使得HTTP GET和POST请求更加便捷。 6. **兼容性**:jQuery 对各种浏览器...

    jquery-1.8.0min.js&&jquery;-1.8.0.js

    - **DOM操作**:jQuery提供了一套简洁的API来操作HTML元素,如选择元素($.fn.select())、添加元素($.fn.append())、删除元素($.fn.remove())等。 - **事件处理**:jQuery的事件处理机制简化了原生JavaScript...

Global site tag (gtag.js) - Google Analytics