文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

jQuery学习---核心函数和静态方法

,并包装成 jQuery 对象 · selector:用来查找的字符串 · context:作为待查找的 DOM 元素集、文档或 jQuery 对象。...1.2 jQuery(html,[ownerDocument]) 根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。...2 // 文档就绪 3}); 2. jQuery对象 在 JQuery 库中，可以通过本身自带的方法获取页面 DOM 元素的对象叫做 JQuery 对象。对象用 var 开头定义。...1var tDiv = $(“#divTmp”) //使用JQ获取元素后，就是JQuery对象了 3. jQuery静态方法 3.1 静态方法 · 静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用...3.6 jQuery.isArray(obj) 测试对象是否为数组。

1.4K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    jQuery(一)

    通过这种方法调用，$()会返回当前文档中匹配该选择器的元素集。 第二种 传递一个Element，Document或Window对象给$()方法，$()将会将其封装成对象并返回。...即，可以通过这种方式完成通过Jquery方法操作元素，而不使用原生DOM的方法。...即 $(document) 或 $(this) 使用这种方法可以完成对节点的操作 第三种 传递字符串文本给$()方法，jQuery将会根据传入的文本创建好HTML元素，然后将其封装为jQuery对象返回...即全局jQuery对象 对象 jQuery对象有jQuery函数返回的对象，一个jQuery对象表示一组文档元素，即jQuery集，包装集，jQuery结果 选中元素 传递css选择器给jQuery函数时...n 可以为分数 或 负数 function page(n) { var w = $(window); // 将window封装为jquery对象 var pagesize = w.height();

    2.9K40

    JQuery选择器和JQuery包装集

    （本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集； 从现在开始，要慎重区分DOM对象和JQuery对象，两种对象的方法不同，属性不同，在使用中要特别注意...JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...包装集：$(arrDiv[i]).html(‘div’+i);//arrDivp[i]是DOM对象，直接用$()转为JQuery对象后调用html方法； JQUERY包装集转DOM对象 通过索引访问到的...包装集 在此介绍一些基本的JQuery包装集及使用 ready()方法 在使用JQUERY时，当 DOM（文档对象模型） 已经加载完成时，就会发生 ready 事件。...对象，然后用对象的appendTo方法追加到testDiv这个被选元素的结尾，这个被选元素即某个控件， 如一个div块或者一个文本框，效果是在此控件后显示一个下拉框； 其他一些常用的操作JQUERY包装集的函数

    4.4K20

    Jquery基础之DOM操作

    Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。...先创建元素点，创建元素节点使用Jquery的工厂函数 li1=("") 　　　　　　代码返回$li1就是一个由DOM对象包装成的JQuery对象。...DOM对象包装成JQuery对象，把新建的文本节点添加到DOM树中JQuery代码如下： ("ul").append( 　　　　　　添加后页面中能看到"·苹果"，右键查看页面源码发现新加的文本节点没有...创建属性节点的JQuery代码如下： li3=("榴莲");　　　　　　　 　　　　 　代码返回$li3也是一个由DOM对象包装成JQuery对象，把新建的属性节点添加到...closest()方法()用来取得最近的匹配元素，首先检查当前元素是否匹配如果匹配则直接返回，否则继续向上查找父元素中符合条件的元素返回，如果没有匹配的元素则返回空JQuery对象。

    66310

    一个小时学会jQuery

    //方法二 //获得文档中id为bar的DOM对象，将DOM包装成一个jQuery对象，调用jQuery方法html修改元素HTML jQuery("#bar").html...2.4、jQuery对象转换成DOM对象 DOM对象是jQuery对象的组成部分，jQuery对象是对DOM对象的包装升级，每一个jQuery对象都是一个集合，是一个包装集，每个包装集中可以包含0到N个...将jQuery对象转换成DOM对象方法如下 方法一： jQuery对象[下标] 方法二： jQuery对象.get(下标) 示例： 对象与jQuery对象区别 DOM对象只能调用DOM方法、属性与事件； jQuery对象只能调用jQuery方法、属性与事件； 可以将DOM转换成jQuery对象，也可以将jQuery转换成...我们使用术语jQuery包装器或者包装集(wrapped set)，来指能够在其上用jQuery定义的方法去操作的、匹配元素的集合。

    22.4K71

    02-老马jQuery教程-jQuery事件处理

    可以通过事件处理程序的事件对象的data属性获取此值。 fn 事件处理程序。fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...构造函数传入选择器，返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 // console.dir($inputArray); $inputArray.focus...构造函数的用法复习 // 1、接受一个回调函数，作为：document ready事件 // 2、可以接受一个字符串作为 选择器进行选择页面中元素，返回jQuery包装对象。...// 3、可以接受一个dom对象，将dom对象转换 jQuery包装对象 // 4、可以接受一个html标签字符串，创建成jQuery包装对象 // On 替代delegate

    7.6K00

    02-老马jQuery教程-jQuery事件处理

    fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...所有的简单事件的返回值都是调用此方法的jQuery包装对象。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。...IE678：window.event 标准浏览器直接从事件处理程序的参数中获得事件对象e e = e || window.event; 在jQuery的事件处理程序中，可以直接获取�事件对象，所有浏览器都兼容

    3.7K80

    DOM对象与jquery对象有什么不同

    1.jQuery对象和DOM对象 DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象; var domObj = document.getElementById...如果一个对象是jQuery对象，那么就可以使用jQuery里的方法，例: $("#foo").html(); //获取id为foo的元素内的html代码，html()是jQuery特有的方法; 上面的那段代码等同于...这时我们可以将jquer对象转换成dom对象 jquery对象转换成 dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。...下面代码将演示一个jquery对象转换成dom对象，再使用dom对象的方法 复制代码 代码如下: var $cr=$("#cr"); //jquery对象 var cr = $cr[0]; //dom对象...对象包装起来，就可以获得一个jquery对象了，方法为$(dom对象); 复制代码 代码如下: var cr=document.getElementById("cr"); //dom对象 var $cr

    1.3K20

    jQuery对象

    jQuery对象的一些好处包括： 兼容性 - 元素方法的实现因浏览器供应商和版本而异。...通过将target元素包装在一个jQuery对象中，这些边缘情况得到了照顾，预期的结果是在所有支持的浏览器中实现的： // Setting the inner HTML with jQuery....链接不是所有的jQuery对象都被创建=== 关于这种“包装”行为的一个重要细节是每个包装的对象是唯一的。即使使用相同的选择器创建对象或包含对完全相同的DOM元素的引用，这一点也是如此。...该.get()方法对于测试两个jQuery对象是否具有相同的DOM元素是有用的。 // Comparing DOM elements....jQuery对象包装这些元素，以平滑这种体验，使常见任务变得容易。当使用jQuery创建或选择元素时，结果将始终包含在一个新的jQuery对象中。

    1.7K10

    06-老马jQuery教程-jQuery高级

    i是当前dom对象在选择器返回数组中的索引。 }); 1.2 获取元素的个数 两种方法可以获取选择器匹配的元素的个数。...参数 target:一个对象，如果附加的对象被传递给这个方法将那么它将接收新的属性，如果它是唯一的参数将扩展jQuery的命名空间。 object1:待合并到第一个对象的对象。...(str) 去掉字符串起始和结尾的空格 3.链式编程和隐式迭代 3.1 链式编程 由于大部分jQuery的api方法内部返回值都是jQuery的包装对象自身。...、height、hide方法都返回jQuery包装对象自身。...4.jQuery的插件封装 4.1 给jQuery包装对象扩展方法属性 直接给$.fn添加方法和属性 (function(jQuery) { jQuery.fn.logText = function

    2.7K90

    jQuery已“死”？为清除技术债，我们删掉了前端所有jQuery依赖

    而 JQuery 开发者可以使用 CSS 选择器和函数可以轻松地遍历和操作 DOM， 此外，JQuery 还提供了一些开箱即用的函数来做动画 DOM 元素，而无需弄乱 CSS。...JQuery 提供了一个可以在大多数浏览器上工作的 API，这在当时使用 JavaScript 是很难实现的。...将事件处理程序附加到 DOM 元素和窗口等等。...近几年，业内对于“jQuery 是否已死”的讨论一直没停过。实际上，一些大型、资金充足的网站已经“用脚投票”，正在逐渐摆脱对 jQuery 的依赖。...Micha Gobiowski-Owczarek 也明确表示，为了不与浏览器冲突，jQuery 不会修改原生原型，而是用 jQuery 包装器对象包装 DOM 节点，每个操作都会创建一个新的包装器对象。

    1.2K30

    弹出层之1：JQuery.Boxy (二)

    在《弹出层之1：JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法，本次讲下手动创建实例，new一个boxy对象是很容易的，传递一些参数对象就能满足不同的需求了。.../显示时的回调函数                     closeText: "X",   //关闭功能按钮的标题文字                     draggable: true //是否可以拖动...回调函数将收到选定的回答，这是否是需要的值或相应的密钥要根据一个数组或答案数列是否已经提供了。options是一种额外的可选设置选项传递给对话框的构造函数。...getInner() 返回一个jQuery对象包装对话框的内部区域-框架内包括标题栏一切。 getContent() 返回一个jQuery对象包装对话框的内容区域-框架内的一切，不包括标题栏。...选择器的外框圆角效果是使用png图片实现的，如果想更改透明程度，可以使用ps修改图片；如果不考虑IE6的话，可以使用另一种常用的圆角方法(不用图片只用css样式)。

    5.7K20

    好久不用 jQuery， 来复习一下

    jQuery 对象就是经过 jQuery 包装之后的 DOM 对象。jQuery 对象不能使用 DOM 对象的任何方法，同理 DOM 对象也不能使用 jQuery 对象的任何任何方法。...1.2.2 层级选择器   可以用 next() 方法来代替 (“prev + next”) 选择器，可以使用 nextAll() 方法来代替 (“prev ~ siblings”) 选择器。...当把元素隐藏后，可以使用 show() 方法将元素的 display 样式设置为先前的显示状态。提供了 toggle() 方法进行二者之间的切换。...而通过 jQuery 中的 (document).ready() 方法注册的事件处理程序，在 DOM 完全就绪时就可以被调用。...要解决这个问题，可以使用 jQuery 中另一个关于页面加载的方法 load() 方法。load() 方法会在元素的 onload 事件中绑定一个处理函数。

    6.2K40

    JS对象与Dom对象与jQuery对象之间的区别

    指示该数组对象的元素个数 . context 一般情况下都是指向HtmlDocument对象 . selector 传递进来的选择器内容 jquery对象就是通过jQuery包装DOM对象后产生的对象...对象 DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用 jQuery类库的选择器获得的对象。...如果一个对象是jQuery对象，那么就可以使用jQuery里的方法。...2.2 jQuery对象和DOM对象的互相转换 2.2.1 jquery对象转换成dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)...//检测这个checkbox是否给选中 2.2.2 dom对象转换成jquery对象 对于一个dom对象，只需要用$()把dom对象包装起来，就可以获得一个jquery对象了， 方法为$(dom对象)

    3.5K10

    jQuery对象的使用

    一、什么是jQuery对象 jQuery对象是由选择器选择的HTML元素的集合。它是一个类似数组的对象，可以对其进行遍历和操作。通过使用jQuery选择器选择元素后，将返回一个jQuery对象。...二、创建jQuery对象 创建jQuery对象最常见的方式是使用选择器。选择器可以是CSS选择器、ID选择器、类选择器等。CSS选择器 使用CSS选择器选择HTML元素，并将其包装成jQuery对象。...类选择器 使用类选择器选择具有特定类的HTML元素，并将其包装成jQuery对象。...三、jQuery对象的方法和属性 jQuery对象提供了许多方法和属性，用于对选择的元素进行操作。方法 jQuery对象的方法可以用于修改元素的样式、内容、属性等。...四、遍历jQuery对象 jQuery对象可以通过遍历来访问其中的元素。可以使用each()方法来对jQuery对象进行遍历。

    1.4K10

    01-老马jQuery教程-jQuery入口函数及选择器

    3.3 jQuery的包装对象和DOM对象 通过jQuery的选择器选择出来的对象都是jQuery的包装对象，里面封装了jQuery的很多API方法，后续我们会一一学习。...这里简单说一点： jQuery包装对象本身是一个伪数组，选择器返回的所有的DOM元素都会存在jQuery的包装对象中，并且还有很多其他的jQuery特有的api。...// 第二种用法：还可以接受一个css的选择器（string），返回选择器对应dom节点的jQuery包装对象。 // 我们一般给jQuery的对象加一个$....console.dir($btn); // jQuery包装对象（所有的选择器选择返回的对象都是jQuery的包装对象。...console.dir($btn2) // 转成jQuery的包装对象之后 ，就拥有了jQuery.fn上的方法api }); 3.4 其他简单选择器 名称 用法

    3.2K100
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券