首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    下载地址:http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版: jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用...jQuery3.0多出来一个精简版(Slim) 精简版就是剔除了ajax模块和effects模块,精简版的文件比为未精简版要小很多,压缩和未压缩跟上面的区别一样。...jQuery.Slim.js:未压缩精简版 jQuery.Slim.min.js:压缩精简版 ?...用法 说明 $("p[attr]") 选取所有该p标签且具有attr属性的节点 $("p[attr=a_value]") 选取所有p标签且具有attr属性并满足属性值为a_value的节点 $("p[...$('.pl20'); 搜索具有colspan属性的th标签 $('th[colspan]'); 搜索id=md的标签 $('#md'); 搜索.finance-form下面的所有的td标签 $('.finance-form

    3.2K100

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

    下载地址:http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版: jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用...jQuery3.0多出来一个精简版(Slim) 精简版就是剔除了ajax模块和effects模块,精简版的文件比为未精简版要小很多,压缩和未压缩跟上面的区别一样。...jQuery.Slim.js:未压缩精简版 jQuery.Slim.min.js:压缩精简版 image.png 1.4 jQuery的安装 官网下载地址:http://jquery.com/...用法 说明 $("p[attr]") 选取所有该p标签且具有attr属性的节点 $("p[attr=a_value]") 选取所有p标签且具有attr属性并满足属性值为a_value的节点 $("p[...$('.pl20'); 搜索具有colspan属性的th标签 $('th[colspan]'); 搜索id=md的标签 $('#md'); 搜索.finance-form下面的所有的td标签 $(

    3K00

    jQuery的基本操作

    jQuery就是一个js的库· 主要分为两部分:            1·寻找元素         (选择器,筛选器)            2·操作元素          (CSS的操作,属性的操作...(列如:not(div a)和:not(div,a)) selector //用于筛选的选择器 //描述 //查找所有未选中的inout元素 HTML代码 <input name="apple...代码 $("td:empty") 结果 [td>td>,td>td>]   :has(selector) //概述 //匹配含有选择器所匹配的元素的元素 selector 一个用于筛选的选择器...//概述 //匹配给定的属性是某个特定值得元素 attribute 属性名 value 属性值,引导在大多数情况下是可选的·单在遇到诸如属性质包含"]"时,用以避免冲突· 描述 查找所有...=value] //概述 //匹配所有不含有指定的属性,或者属性不等于特定的值· //次选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not

    8.8K20

    高质量jQuery代码的十二条经验

    选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础,而掌握jQuery选择器需要一定的时间积累,我们开始学习jQuery时就应该注意选择器的使用。...关于jQuery选择器的性能优先级,ID选择器快于元素选择器,元素选择器快于class选择器。....} // 建议 if(collection.length){..} 2.6、为选择器指定上下文 默认情况下,当把一个选择器传递给jQuery时,它将遍历整个DOM,jQuery方法还具有一个未充分利用的参数...,既可以将一个上下文参数传入jQuery,以限制它只搜索DOM中特定的一部分。...7.1、繁重的操作中分离元素 如果你打算对DOM元素做大量操作(连续设置多个属性或css样式),建议首先分离元素然后在添加。

    1.5K40

    书写高质量jQuery代码的6条经验

    二、优化jQuery选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础,而掌握jQuery选择器需要一定的时间积累,我们开始学习jQuery时就应该注意选择器的使用。...关于jQuery选择器的性能优先级,ID选择器快于元素选择器,元素选择器快于class选择器。....}// 建议if(collection.length){..} 2.6、为选择器指定上下文 默认情况下,当把一个选择器传递给jQuery时,它将遍历整个DOM,jQuery方法还具有一个未充分利用的参数...,既可以将一个上下文参数传入jQuery,以限制它只搜索DOM中特定的一部分。...然而,出于一致性考虑,你可以简单的全部使用 on()方法 td>我是单元格td> 比如我们要在上边的单元格上绑定一个单击事件,

    1.7K90

    JavaWeb——JQuery之五种选择器的应用及实践案例总结(基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器)

    ---- 选择器,就是用来筛选具有相似特征的元素(标签)。...: 1)标签选择器:$("html标签名"),获得所有匹配标签名称的元素; 2)id选择器:$("#id的属性值"),获得与指定id属性值匹配的元素; 3)类选择器:$(".class的属性值"),获得与指定的...class属性值匹配的元素; 4)并集选择器:$("选择器1,选择器2"),获取多个选择器选中的所有元素。...2.3 属性选择器 属性选择器包括三类: 1)属性名称选择器:$("A[属性名]"),包含指定属性的选择器 2)属性选择器:$("A[属性名= ‘值’]"),包含指定属性等于指定值的选择器 3)复合属性选择器...,包含多个属性条件的选择器 【练习案例】:主要看标签中的内容,注意各种条件的写法 <!

    5.2K30

    【Java 进阶篇】JQuery 案例:优雅的隔行换色

    JQuery 隔行换色实现原理 隔行换色的实现原理很简单,即通过 JQuery 为目标元素添加或移除特定的样式,使得相邻行具有不同的背景色。...下面是一个基本的实现步骤: 选择目标元素:使用 JQuery 选择器选择需要隔行换色的目标元素,可以是表格的行、列表的项等。 使用each()方法遍历选中的元素。...隔行换色时,有一些小贴士值得注意: 灵活运用选择器 JQuery 的选择器是非常灵活的,可以根据实际情况选择不同的元素。...比如,可以使用:first-child选择器选择每个父元素的第一个子元素,实现特殊样式。...; } 通过添加.row-color-transition类,并在 CSS 中使用transition属性,我们使隔行换色的颜色变化更加平滑,增强了页面的流畅感。

    56630

    JQuery 隔行换色实现

    JQuery 隔行换色实现原理隔行换色的实现原理很简单,即通过 JQuery 为目标元素添加或移除特定的样式,使得相邻行具有不同的背景色。...下面是一个基本的实现步骤:选择目标元素:使用 JQuery 选择器选择需要隔行换色的目标元素,可以是表格的行、列表的项等。使用each()方法遍历选中的元素。...隔行换色时,有一些小贴士值得注意:灵活运用选择器JQuery 的选择器是非常灵活的,可以根据实际情况选择不同的元素。...比如,可以使用:first-child选择器选择每个父元素的第一个子元素,实现特殊样式。...通过添加.row-color-transition类,并在 CSS 中使用transition属性,我们使隔行换色的颜色变化更加平滑,增强了页面的流畅感。

    72110

    一文入门jQuery

    文章目录 jQuery概念 快速入门 步骤: JQuery对象和JS对象区别与转换 选择器:筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 入口函数 样式控制:css方法 分类 基本选择器...两者相互转换 jq – > js : jq对象[索引] 或者 jq对象.get(索引) js – > jq : $(js对象) 选择器:筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 //1.获取...的属性值”) 获得与指定的class属性值匹配的元素 并集选择器 语法: $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素 层级选择器 后代选择器 语法: $("A B ") 选择A元素内部的所有...B元素 子选择器 语法: $(“A > B”) 选择A元素内部的所有B子元素 属性选择器 属性名称选择器 语法: $(“A[属性名]”) 包含指定属性的选择器 属性选择器 语法: $(“A[属性名=‘值...’]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法: :first 获得选择的元素中的第一个元素

    4.6K20

    Jquery简介选择的

    依赖库:jquery-XXX.js 语法:$() 正文 5择器 id选择器 $(“#id值”) 样例:$(#span1).css(“color”,”red”); 标签选择器 $(“标签名称”) Class...选择器 $(“.class的值”) 群组选择器 $(“标签名称1,标签名称2”) 包括选择器 $(“标签名称1 标签名称2”) 表单选择器 $(“:input”)全部的Input标签 $(“:text...:has(selector)返回值:Array匹配含有选择器所匹配的元素的元素一个用于筛选的选择器演示样例描写叙述:给全部包括 p 元素的 div 元素加入一个 text 类HTML...[attribute] 匹配包括给定属性的元素。注意,在jQuery 1.3中。前导的@符号已经被废除!假设想要兼容最新版本号,仅仅须要简单去掉@符号就可以。...[attribute=value] 返回值:Array 概述 匹配给定的属性是某个特定值的元素 參数 attribute String 属性名 value String

    2.2K20

    脚本语言知识总结.

    null:对象不存在; undefined:对象存在,访问属性或者方法不存在(对象未初始化) 2.ECMAScript对象 ECMAScript常用的有7个对象,依次为String、Number、Boolean...jQuery--->DOM对象:$jQuery对象[0]或者$jQuery对象.get(0); DOM对象--->jQuery:$(DOM对象) 2.jQuery九种选择器 选择器是jQuery 的根基...①:基本选择器 根据元素id属性、class属性、元素名称 对元素进行选择 id选择器: $("#元素id属性") class选择器:$(".元素class属性") 元素名称选择器:$("元素名称")...body> ⑥:属性过滤选择器 通过元素的属性来选取相应的元素 [attribute] 选取拥有此属性的元素  $("div[id]") [attribute=value] 选取指定属性值为value...具体选中元素 l 表单操作 :checked :selected 选中 表单选中元素 配合基本过滤选择器,缩小选中的范围 4.jQuery的DOM操作 使用jQuery的九种选择器可以基本选中需要操作的对象

    6.6K130

    jQuery开发补充笔记

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。...写更少的代码,做更多的事情: write Less ,Do more 将我们页面的JS代码和HTML页面代码进行分离 提高我们的工作效率,轻松的进行前端开发 JQuery中的选择器: 基本选择器 ID选择器...1 + 选择器2 : 找出紧挨着的一个弟弟 找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟 属性选择器: 选择器[href][title] : 多个属性 选择器[href][title=’test...’] : 多个属性,包含值 基本过滤器: ​ 选择器:first 找出的是第一个 ​ :last ​ :even 找出索引为偶数 ​ :odd 找出奇数索引 ​ :gt(index) 大于索引 ​ :...JQ对象,只能调用JQ的属性和方法 JS对象,只能调用JS的属性和方法 基础示例: <!

    5.1K20

    jQuery开发补充笔记

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。...写更少的代码,做更多的事情: write Less ,Do more 将我们页面的JS代码和HTML页面代码进行分离 提高我们的工作效率,轻松的进行前端开发 JQuery中的选择器: 基本选择器 ID选择器...: 选择器1 + 选择器2 : 找出紧挨着的一个弟弟 找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟 属性选择器: 选择器[href][title] : 多个属性 选择器[href][title...JQ对象,只能调用JQ的属性和方法 JS对象,只能调用JS的属性和方法 基础示例: <!...】 - JQ对象,只能调用JQ的属性和方法 - JS对象,只能调用JS的属性和方法 Show</button

    2K30

    jQuery

    jQuery基础 1、    jQuery其实就是一个类库,集成了DOM/BOM/JavaScript的类库 http://jquery.cuishifeng.cn/这个网站里有所有的jQuery的方法...2、    查找元素 jQuery里有:选择器、筛选器 关于jQuery的版本 关于jQuery的版本:(现在一共有三大版本) 1系列版本 2系列版本 3系列版本 三者的区别是:1系列兼容ie的各个版本...、2系列以及3系列只能支持ie8以上的浏览器 所以选择1系列,现在最新的是1.12版本 jQuery的导入方式 jQuery的导入方式: jquery-1.12.4.js"><...这里需要记住: $('[zhaofan]') 查找具有zhaofan属性的标签 $('[zhaofan="1"]') 查找具有zhaofan属性并且值为1的标签 表单对象属性 :enabled :disabled...,默认先弹框,然后才会跳转到百度,也就是先执行我们后天绑定的事件,然后执行标签本身具有的事件,即后天绑定的事件的优先级高于本身具有的事件 如果不想要执行标签本身具有的属性,需要在绑定的事件最后加上: return

    5.2K50

    python 学习 第八篇 jquery

    jQuery 可供下载:一份是生产版本jQuery.min.js(最小化和压缩过的),另一份是开发版jQuery.js(未压缩的供调试或阅读)。..."http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"> 4:jQuery的基本三步走 1:选择器——找到需要操作的元素...2:操作——DOM元素进行增删改查 2,1:操作html文档内容——常用元素 table form div等 2.2:操作html元素属性——常用属性 2.3:操作html元素的样式——css (其实也属于属性...是html元素的唯一标识,同一个页面中不能出现重名的id jquery基础语法: $(selector).action() $(选择器).动作 常用的动作 1:$(选择器).html(value)  ...#获取或设置html标签值 2:$(选择器).val(value)    #获取或设置表单标签值 3:$(选择器).attr(value)   #获取或设置属性标签值 4:$(选择器).css(value

    1.1K20

    WEB入门之十五 属性和样式

    这是因为在使用attr函数获得checked属性的值时,如果复选框处于选中状态,则获得true;如果复选框处于未选中状态,则获得undefined,并非false。...对于这个问题就可以使用prop来代替attr即可 在使用prop函数获取checked属性的值时,如果复选框处于未选中状态,那么返回false。...属性操作函数 ​需求说明​ 编写几个不同的内嵌样式,这些样式主要针对文本、背景色等,当在下拉列表框中选择不同的选项时,页面中的文字和背景应用不同的样式 ​实现步骤​ (1) 实现图6.2.2所示的界面...(2) 在页面上定义几个类样式 (3) 当用户操作下拉列表框选择不同的选项时,改变样式,参考代码如下所示。...;当鼠标离开该行时,该行的上下边框复原 ​巩固练习​ 一、选择题 1.

    57210

    WEB入门之十五 属性和样式

    这是因为在使用attr函数获得checked属性的值时,如果复选框处于选中状态,则获得true;如果复选框处于未选中状态,则获得undefined,并非false。...对于这个问题就可以使用prop来代替attr即可 在使用prop函数获取checked属性的值时,如果复选框处于未选中状态,那么返回false。...属性操作函数 需求说明 编写几个不同的内嵌样式,这些样式主要针对文本、背景色等,当在下拉列表框中选择不同的选项时,页面中的文字和背景应用不同的样式 实现步骤 (1) 实现图6.2.2所示的界面 (2)...在页面上定义几个类样式 (3) 当用户操作下拉列表框选择不同的选项时,改变样式,参考代码如下所示。...;当鼠标离开该行时,该行的上下边框复原 巩固练习 一、选择题 1.

    48910
    领券