首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery最全常用方法指南

”) 匹配所有可见元素 属性过滤选择器 $(”div[id]”) 匹配所有具有指定属性元素 $(”input[name =’newsletter’]”) 匹配所有具有指定属性元素 $(”input...=’newsletter’]”) 匹配所有不具有指定属性元素 $(”input[name ^=’news’]”) 匹配所有指定属性值以value开头元素 ( ” i n p u t [ n a m....innerHTML; 3、如何获取jQuery集合某一项 对于获取元素集合,获取其中某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回jquery对象,...对于jquery对象只能使用jquery方法,dom对象只能使用dom方法,如要获取第三个 元素内容。...如: jQuery.noConflict(); // 开始使用jQuery jQuery("div p").hide(); // 使用其他 $() $("content").style.display

10.9K20

jQuery中常用函数和属性详细解析

其他规则与bind()函数相同。 type(String) : 事件类型。 data(Object) : (可选) 作为event.data属性值传递给事件对象额外数据对象。...JQuery Traversing 方法说明 eq( index ) 从匹配元素集合中取得一个指定位置元素,index从0开始 filter( expr ) 返回与指定表达式匹配元素集合,可以使用...可选过滤器将使这个方法匹配符合元素(包括元素节点,不包括文本节点)。...id]") 匹配所有具有指定属性元素 $("input[name='newsletter']")匹配所有具有指定属性元素 $("input[name!...='newsletter']")匹配所有不具有指定属性元素 $("input[name^='news']") 匹配所有指定属性值以value开头元素 $("input[name$='letter'

2.5K10
您找到你想要的搜索结果了吗?
是的
没有找到

jQuery 快速入门教程

内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素...如何使用jQuery jQuery使用非常简单,我们只需要引入jQueryjs文件,然后直接使用即可。..."并且具备id属性元素 此外,为了更加便于使用jQuery还定制了特有的选择器: // jQuery特有的选择器,当然也可以和其他选择器任意组合使用 $(":checkbox"); // 选取所有的...例如:选取集合中符合某些条件元素,删除集合中符合某些条件元素,查找当前匹配元素元素、父元素、同辈元素、上一个元素、下一个元素等与之具有特定关系元素。...var $lis = $("ul li"); // 匹配ul元素所有后代li元素 var className = $lis.attr("class"); // 获取第一个匹配li元素class属性

13.6K30

JQuery选择器和JQuery包装集

(本文年代久远,请谨慎阅读)今天学习了JQuery一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象方法不同,属性不同,在使用中要特别注意...属性过滤器 $("div[id]")匹配包含给定属性元素 $("input[name='...']") 匹配给定属性是某个特定元素 name='...' $("input[name!...='...']")匹配给定属性是不包含某个特定元素 name='...' $("input[name^='...']")匹配给定属性是以某些值开始元素 name^='...'...$("input[name$='...']")匹配给定属性是以某些值结尾元素 name$='...'...parent(".selected")之后结果为:[ Hello Again ] 其他 使用is()方法查找段落元素中每个类名为

3.1K20

jQuery基础

丰富DOM选择器,jQuery选择器用起来很方便,比如要找到某个DOM对象相邻元素,JS可能要写好几行代码,jQuery一行代码就搞定了,再比如要将一个表格隔行变色,jQuery也是一行代码搞定...1.x:兼容IE678,使用最为广泛,官方做BUG维护,功能不再新增。...如果不考虑兼容低版本浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日) 3.x:不兼容IE678,支持最新浏览器。需要注意是很多老jQuery插件不支持3.x版。...补充: .first()// 获取匹配第一个元素 .last()// 获取匹配最后一个元素 .not()// 从匹配元素集合中删除与指定表达式匹配元素 .has()// 保留包含特定后代元素,...为了兼容性,我们在处理checkbox和radio时候尽量使用特定prop(),不要使用attr("checked", "checked")。

1.9K120

JavaScript类库---JQuery(一)

方法4种不同调用方式: 参数是字符串表示CSS选择器:$('.class')返回当前文档中匹配元素集。...第二个参数是可选,值为一个元素JQuery对象;这时返回特定元素元素匹配元素集; 参数是Element、Document或Window对象,返回这些对象封装成JQuery对象; 参数是...2、可以使用object对象,该对象属性名是Jquery关键字时,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...;map返回值为新包含回调函数所有返回值JQuery对象; index() : 参数为一个元素或字符串(当做CSS选择器使用),返回值为该元素在此JQuery对象中索引值,找不到返回-1; is...: JQuery使用同一个方法来获取和设置属性,区别是参数不同,类似于重载;   setter(设置)时返回JQuery对象;getter(获取)时返回单个值(元素);所以链式调用不能使用getter

4.2K30

jquery jQuery快速入门

版本 1.x:兼容IE678,使用最为广泛,官方做BUG维护,功能不再新增。...如果不考虑兼容低版本浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日) 3.x:不兼容IE678,支持最新浏览器。需要注意是很多老jQuery插件不支持3.x版。....not() // 从匹配元素集合中删除与指定表达式匹配元素 .has() // 保留包含特定后代元素,去掉那些不含有指定后代元素。...为了兼容性,我们在处理checkbox和radio时候尽量使用特定prop(),不要使用attr("checked", "checked")。...数组和类似数组对象通过一个长度属性(如一个函数参数对象)来迭代数字索引,从0到length - 1。其他对象通过其属性名进行迭代。

16.1K50

【Java 进阶篇】JQuery 遍历 —— For 循环奇妙之旅

JQuery 中,for 循环通常用于遍历匹配元素集合,执行特定操作。 理解 JQuery 选择器 在开始 for 循环奇妙之旅之前,我们需要先了解 JQuery 选择器。...接下来,我们将通过 for 循环来展示如何遍历这些元素JQuery for 循环 在 JQuery 中,for 循环通常用于遍历匹配元素集合。...我们通过 JQuery 选择器选取一组元素,然后使用 for 循环遍历它们,执行特定操作。下面是一个简单例子: <!...主要原因在于,JQuery 对象是类数组对象,不是真正数组。因此,直接使用 for 循环时,我们需要注意一些细节,比如使用索引访问元素等。...总结 for 循环是一种在 JQuery 中遍历元素基本方式,但在处理 JQuery 对象时,使用 each() 方法和其他遍历方法更为灵活和方便。

16620

一个小时学会jQuery

1.2、jQuery特点 jQuery是免费、开源使用MIT许可协议。jQuery语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。...相比于1.7.2 RC1,修复了一个bug。...无论选择器匹配了多个或者零个元素jQuery对象都不再是null。意味着你只能够用jQuery对象.length属性来判断选择器是否选中了元素。 获得jQuery对象示例: <!...在jQuery使用CSS匹配(CSS like)来进行元素指定,比其他JavaScript库都简单,这也正是jQuery在网页设计人员中大受欢迎理由了。...我们使用术语jQuery包装器或者包装集(wrapped set),来指能够在其上用jQuery定义方法去操作匹配元素集合。

18.4K71

21.jQuery

jQuery核心特性可以总结为:具有独特链式语法和短小清晰多功能接口;具有高效灵活css选择器,并且可对CSS选择器进行扩展;拥有便捷插件扩展机制和丰富插件。...[a="b"](匹配给定属性是某个特定元素) derek jack...=value] 匹配所有不含有指定属性,或者属性不等于特定元素 [attribute^=value] 匹配给定属性是以某些值开始元素 [attribute$=value] 匹配给定属性是以某些值结尾元素...[attribute*=value] 匹配给定属性是以包含某些值元素 [selector1][selector2][selectorN] 复合属性选择器,需要同时满足多个条件时使用 表单选择器...将一组元素转换成其他数组(不论是否是元素数组) has 保留包含特定后代元素,去掉那些不含有指定后代元素 not 从匹配元素集合中删除与指定表达式匹配元素 slice

2.9K90

jQuery基本操作

//概述 //匹配给定属性是某个特定值得元素 attribute 属性名 value 属性值,引导在大多数情况下是可选·单在遇到诸如属性质包含"]"时,用以避免冲突· 描述 查找所有...=value] //概述 //匹配所有不含有指定属性,或者属性不等于特定值· //次选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定元素,请使用[attr]:not...eq(index)匹配选择器指定序列元素,而这个将为每一个元素匹配元素· :nth-child从1开始,:eq()是从0开始!...,那将会被匹配· //如果父元素中含有其他元素,那将 不会被匹配·(注:这里其它元素并不包含文本节点,如:网页,用$('p img:only-child')是可以匹配)...概述 //从没一个匹配元素中删除一个属性 1.6以下版本在IE6使用jQueryremoveAttr方法删除disabled是无效· 1.7版本在IE6下已支持删除disabled· name

7.5K20

jQuery

jQuery 对象是经过包装dom对象(伪数组形式存储) jQuery对象才能使用jQuery方法,不能混用 1.1.4 jQuery对象和Dom对象转换 // DOM对象转换成jQuery对象...:odd $(“li:odd”) 获取到li元素中,选择索引号为奇数元素 :even $(“li:even”) 获取到li元素中,选择索引号为偶数元素 2.1.4 其他选择器 语法 用法 说明...,第二个是鼠标移出时触发函数 写一个参数时,鼠标移入移出都会触发它 4.1 jQuery属性操作 4.1.1 元素固有属性值 prop() 获取元素本身自带属性,有利于对表单操作 表单属性...用法 width() / height() 取得匹配元素宽度和高度值 包括width / height innerWidth() /innerHeight() 取得匹配元素宽度和高度值 包括 padding...()解绑事件 解除全部事件 $('div').off() 解除特定事件 $('div').off('click') 解除事件委托 $('div').off('click','li') 触发一次事件

8.4K10

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

高级绑定事件方法 2.1 bind绑定事件方式 语法:bind(type,[data],fn),这个也是包装对象方法。 含义:为每个匹配元素特定事件绑定事件处理函数。...语法:$dom.one(type,[data],fn) 说明:为每一个匹配元素特定事件(像click)绑定一个一次性事件处理函数。..., fn) 说明:jQuery 给所有匹配元素附加一个事件处理函数,即使这个元素是以后再添加进来也有效。...这个方法是基本是的 .bind() 方法一个变体。使用 .bind() 时,选择器匹配元素会附加一个事件处理函数,而以后再添加元素则不会有。为此需要再使用一次 .bind() 才行。...要删除特定委派事件处理程序,提供一个selector 参数。选择器字符串必须是完全匹配递到.on()事件处理程序附加选择器。要删除非委托元素所有事件,使用特殊值 "**" 。

2.7K80

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券