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

jQuery的基本操作

>,div>DIV2div>] .class　　 .class //一个用于搜索的类,一个元素可以有多个类,只要有一个符合就能被匹配到· 描述: 查找所有类是“...disabled是无效的· 1.7版本在IE6下已支持删除disabled· name 要删除的属性名 描述 将文本中图像的src属性删除 HTML代码 元素或window对象,如果试图将删除该属性,浏览器可能会产生错误,jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误· name 属性名称 properties...val }) 　　removeProp(name) //概述 //用来删除由.prop()方法设置的属性集 //随着一写内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误...对象,返回jQuery对象,当参数大于等于0时为正向选取,比如0代表第一个，1代表第二个,当参数为负数时为反向选取·比如-1为倒数第一个,具体可以看一下实列 类似的有get(index),不过get

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

    前端架构师之01_JQuery

    元素 当指定元素的display设置为none时，可以通过“:hidden”获取隐藏的元素。...当指定元素的display设置为block时，可以通过“:visible”获取可见的元素。 2.2.6 属性选择器 根据元素的属性获取指定元素的方式。...(class) 切换样式 判断指定类是否存在，存在则删除，不存在则添加 hasClass(class) 判断样式 判断元素是否具有class样式 addClass()和removeClass()方法经常一起使用来切换元素的样式...submit([[data],function]) 当表单提交时触发 键盘事件 keydown([[data],function]) 键盘按键被按下时触发 键盘事件 keypress([[data],...function]) 键盘按键（Shift等非字符键除外）被按下时触发 键盘事件 keyup( [[data],function ]) 键盘按键被松开时触发 鼠标事件 mouseover([[data]

    3.1K00

    06-老马jQuery教程-jQuery高级

    callback:为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。函数可返回任何值。 示例 // 将原数组中每个元素加 4 转换为一个新数组。...过滤函数必须返回 true 以保留元素或 false 以删除元素。 参数 array:待过滤数组。 callback:此函数将处理数组每个元素。...invert:如果 "invert" 为 false 或为设置，则函数返回数组中由过滤函数返回 true 的元素，当"invert" 为 true，则返回过滤函数中返回 false 的元素集。...参数 value:用于在数组中查找是否存在 array:待处理数组。 fromIndex:用来搜索数组队列，默认值为0。...只处理删除DOM元素数组，而不能处理字符串或者数字数组。 示例 // 删除重复 div 标签。

    2.7K90

    jquery选择器用法_jQuery属性选择器

    在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。...示例：(“tr:last”) //匹配表格最后一行 :even 说明：匹配所有索引值为偶数的元素，索引值从0开始计数...示例：(“tr:even”) //匹配索引值为偶数的行 :odd 说明：匹配所有索引值为奇数的元素，索引值从0开始计数...”) //匹配正在执行的动画的div元素 2.内容过滤器 内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选...如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

    14K30

    06-老马jQuery教程-jQuery高级

    callback:为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。函数可返回任何值。 示例 // 将原数组中每个元素加 4 转换为一个新数组。...过滤函数必须返回 true 以保留元素或 false 以删除元素。 参数 array:待过滤数组。 callback:此函数将处理数组每个元素。第一个参数为当前元素，第二个参数而元素索引值。...invert:如果 "invert" 为 false 或为设置，则函数返回数组中由过滤函数返回 true 的元素，当"invert" 为 true，则返回过滤函数中返回 false 的元素集。...参数 value:用于在数组中查找是否存在 array:待处理数组。 fromIndex:用来搜索数组队列，默认值为0。...只处理删除DOM元素数组，而不能处理字符串或者数字数组。 示例 // 删除重复 div 标签。

    2.3K00

    jQuery 教程

    该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。...; } ); focus() 当元素获得焦点时，发生 focus 事件。 当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。...parseHTML() 将HTML字符串解析为对应的DOM节点数组 $.parseJSON() 将符合标准格式的JSON字符串转为与之对应的JavaScript对象 $.parseXML() 将字符串解析为对应的...() 判断回调列表是否被锁定 callbacks.remove() 从回调列表中的删除一个回调或回调集合 jQuery 延迟对象 在jQuery 1.5中介绍了 Deferred 延迟对象，它是通过调用...() 当Deferred（延迟）对象被受理时，调用添加的处理程序 deferred.fail() 当Deferred（延迟）对象被拒绝时，调用添加的处理程序 deferred.isRejected()

    21K20

    jquery jQuery快速入门

    :even // 匹配所有索引值为偶数的元素，从 0 开始计数 :odd // 匹配所有索引值为奇数的元素，从 0 开始计数 :gt(index)// 匹配所有大于给定索引值的元素 :lt(index...attr(attrName, attrValue)// 为所有匹配元素设置一个属性值 attr({k1: v1, k2:v2})// 为所有匹配元素设置多个属性值 removeAttr()// 从每一个匹配的元素中删除一个属性...").click(function () { alert("div"); }) 页面载入 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数....each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数)。...当这种情况发生时，它通常不需要显式地循环的 .each()方法： 也就是说，上面的例子没有必要使用each()方法，直接像下面这样写就可以了： $("li").addClass("c1"); // 对所有标签做统一操作

    19.5K51

    前端之jQuery

    index的那个元素，这里的索引都是从0开始计时 :even // 匹配所有索引值为偶数的元素，从 0 开始计数 :odd // 匹配所有索引值为奇数的元素，从 0 开始计数 :gt(index)//...k2:v2})// 为所有匹配元素设置多个属性值 removeAttr()// 从每一个匹配的元素中删除一个属性 $('#p1').attr('id') "p1" $('#p1').attr('username...hover 鼠标悬浮时触发 blur 失去焦点 focus 获取焦点 change 域的内容被改变 keyup 某个键盘按键被松开 3.6.2绑定事件 .on( events [, selector...3.6.4阻止后续事件执行 使用场景：当一个标签绑定了多个事件而我们只希望指定的事件被触发时使用。...each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数)。

    6.1K21

    21.jQuery

    :even 匹配所有索引值为偶数的元素，从 0 开始计 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :lang(language...将一组元素转换成其他数组（不论是否是元素数组） has 保留包含特定后代的元素，去掉那些不含有指定后代的元素 not 从匹配元素的集合中删除与指定表达式匹配的元素 slice...) //当鼠标指针位于元素上方时触发事件 $("p").mouseout() 　//当鼠标指针从元素上移开时触发事件 $(window).keydown() //当键盘或按钮被按下时触发事件...$(window).keypress() //当键盘或按钮被按下时触发事件,每输入一个字符都触发一次 $("input").keyup() //当按钮被松开时触发事件 $(window)....//当元素的值发生改变时触发事件 $("input").select() //当input 元素中的文本被选择时触发事件 $("form").submit() //当提交表单时触发事件 $

    3.7K90

    一个小时学会jQuery

    从上面的调试信息中可以看到$foo是一个长度为1的集合，集合中下标为0的元素就是1个DOM元素（0：p#foo），上DOM示例中的foo对象完全一样；可以看出$foo是对DOM元素foo的封装，使用功能更加强大...将每一个选择器匹配到的元素合并后一起返回 集合元素 $("div,span,p.cls")选取所有div>，和拥有class为cls的标签的一组元素 * 匹配所有元素 集合元素 $(...$(window).keydown() //当键盘或按钮被按下时触发事件 $(window).keypress() //当键盘或按钮被按下时触发事件,每输入一个字符都触发一次 $("input").keyup...() //当按钮被松开时触发事件 $(window).scroll() //当用户滚动时触发事件 $(window).resize() //当调整浏览器窗口的大小时触发事件 $("input[type=...$.isEmptyObject() //判断某个对象是否为空(不含有任何属性) $.isFunction() //判断某个参数是否为函数 $.isPlainObject() //判断某个参数是否为用"

    22.4K71

    脚本语言知识总结.

    -- 删除时，询问用户是否删除，然后再跳转--> 这是一个链接 事件传播 jQuery框架源码，没有被精简，体积较大 （主要用来研究 jQuery源码），企业开发时，需要导入 jquery-1.8.3.min.js （精简过） 1.jQuery程序快速入门...的元素下所有a元素字体变为红色 ² 将class属性值为itcast的元素下直接a元素字体变为蓝色 ² 将div元素后所有兄弟a元素，字体变为黄色，大小变为30px 0 开始计数 $("tr:even")  ----- 选取奇数元素 :odd  选取所有元素中奇数索引的元素 ，从0 开始计数 $("tr:odd")  ------ 选取偶数元素 :eq(index...$("tr:even").css("background-color","yellow");// 从0计数 // 只有一个td的 tr元素 字体为 蓝色 $("tr td:only-child").css

    6.7K130

    JavaScript学习笔记（四）—— jQuery入门

    并列选择器 这类选择器将每一个选择器匹配到的元素合并后一起返回 div id="notMe">id="notMe"div> div id="myDiv">id="...简单动画 使用animate()方法创建简单动画时，其参数设置为： $(selector).animate({params}, speed, callback); - params参数为必须的，其定义形成动画的...鼠标操作事件 方法 描述 mousedown() 鼠标的键被按下 mouseenter() 当鼠标指针进入目标时 mouseleave() 当鼠标指针离开目标时 mouseout() 鼠标移除目标的上方...切换与触发事件 切换事件 有两个方法用于事件的切换，一个是hover，一个是toggle 当需要设置鼠标悬停和鼠标移除的事件中进行切换时，使用K方法: <script type="text/javascript..."block" : "none"); $(this).parent().find("input[type=text]") //每次改变选中状态，都将值重置为1，触发change事件，重新计算价格

    12.4K50

    Web阶段：第五章：JQuery库

    = “我是span标签”;document.body.appendChild( spanObj );3、传入参数为 [ 选择器字符串 ] 时：(“#id”)("#div01");// 根据id查询标签对象...，跟document.getElementById()一样4、传入参数为 [ DOM对象 ] 时： (this)var divObj = document.getElementById(“div01”)...获取最后个元素 :not(selector) 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :eq(...2.当显示全部内容的时候，按钮文本为“显示精简品牌” 然后，小三角形向上。所有品牌产品为默认颜色。 3.当只显示精简品牌的时候，要隐藏卡西欧之后的品牌，按钮文本为“显示全部品牌” 然后小三形向下。...事件的冒泡是指，父子元素同时监听同一个事件。当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去响应。 那么如何阻止事件冒泡呢？

    28.8K20

    与Ajax同样重要的jQuery（1）

    .js jQuery框架源码，没有被精简，体积较大 （主要用来研究 jQuery源码），企业开发时，需要导入 jquery-1.8.3.min.js （精简过） 1.jQuery程序快速入门 window.onload...对象的方法 // 通过访问jQuery对象下标0 元素，获得DOM对象 var dom1 = $jQueryObject[0]; // 转换jQuery对象为DOM对象 var dom2 = $jQueryObject.get...元素字体变为红色 ² 将class属性值为itcast的元素下直接a元素字体变为蓝色 ² 将div元素后所有兄弟a元素，字体变为黄色，大小变为30px <scripttype="text/javascript"src...input:not(:checked)") :even 选取所有元素中偶数索引的元素，从 0 开始计数 $("tr:even") ----- 选取奇数元素 :odd 选取所有元素中奇数索引的元素 ，从0...$("tr:even").css("background-color","yellow");// 从0计数 // 只有一个td的 tr元素 字体为 蓝色 $("tr td:only-child").css

    11.5K60

    JQuery的学习

    JQuery对象和JS对象区别与转换： 1.JQuery对象在操作时，更加方便； 2.JQuery对象和JS对象方法不通用； 3.两者相互转换： * JQuery --> JS : JQuery...非元素选择器 * 语法： :not(selector) 不包括指定内容的元素 4. 偶数选择器 * 语法： :even 偶数，从 0 开始计数 5....奇数选择器 * 语法： :odd 奇数，从 0 开始计数 6. 等于索引选择器 * 语法： :eq(index) 指定索引元素 7....通用属性操作： 1.attr():获取/设置元素的属性 2.removeAttr():删除属性 3.prop():获取/设置元素的属性 4.removeProp():删除属性 * attr和prop区别...元素内部，并且在末尾 2.prepend():父元素将子元素追加到开头 * 对象1.prepend(对象2)：将对象2添加到对象1元素内部，并且在开头 3.appendTo():父元素将子元素追加到末尾

    18.5K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券