首页
学习
活动
专区
圈层
工具
发布

JQuery基础

元素 $("tr :odd"):选取所有奇数位置的元素 第四部分:jQuery事件: 1.事件:页面对不同访问者作出的响应。...(提交表单时),change(元素值(适用于表单字段)发生改变时),focus(元素获得焦点),blur(元素失去焦点)事件; 文档/窗口事件:load(元素已加载触发,在jQuery1.8中废除。...ajax中也有load()方法),resize(调整浏览器窗口大小时触发),scroll(滚动指定的元素),unload(jQuery1.8中废弃)事件。 另: hover():模拟光标悬停事件。...;fadeOut():显示的元素淡出;fadeToggle():切换fadeIn()和fadeOut()状态;fadeTo():渐变为不透明度(opacity值在0~1之间)。   ...(不带参数) 6.jQuery链(chaining) 链:顾名思义,锁链,即一环套一环。 jQuery中将动作/方法链接在一起,因此,在相同元素上,我们可以在一条语句上运行多个jQuery方法。

5.9K51
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    06-老马jQuery教程-jQuery高级

    而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。...类数组对象有 length 属性,其成员索引为 0 至 length - 1。实际中此函数在 jQuery 中将自动使用而无需特意转换。 参数: obj:类型Object,类数组对象。...参数 value:用于在数组中查找是否存在 array:待处理数组。 fromIndex:用来搜索数组队列,默认值为0。...isFunction jQuery.isFunction(obj) 测试对象是否为函数。 isNumeric jQuery.isNumeric(value) 确定它的参数是否是一个数字。...isWindow jQuery.isWindow(obj) 测试对象是否是窗口 error jQuery.error(message) 接受一个字符串,并且直接抛出一个包含这个字符串的异常 trim jQuery.trim

    2.4K90

    智慧服务区 | AR高点监控系统在服务区是否可用?

    “ AR高点监控在城市交通已经成为主流系统,那么这套系统是否可以用在高速公路服务区的监控呢?” 在城市交通领域,高点监控系统15年的时候就开始应用应用了。...标签关联的常见元素主要有实时视频、文本信息、静态图片、抓拍结构化数据、统计图表、报警信息等信息,通过标签小窗口的形式在全景视频中显示标签详情,支持多个详情窗口同时打开以及自由拖动位置。...当实景地图上标签元素过多时,可通过标签过滤功能显示指定的标签,或通过精确/模糊搜索找到目标标签。支持通过全选、全不选、是否关注、标签类型等多个不同维度进行标签灵活过滤。...当搜索后选择目标标签时,带云台的视频前端会自动定位到标签位置,并展示目标标签的详情窗口。...11)低高联动 用户在报警列表中选择低点标签的报警信息切,系统可自动切换到报警源所属的高点视频画面,如果报警源在当前高点为内,球机/云台可自动转向报警源标签位置,球机画面相应居中放大,查看现场实际情况。

    14600

    06-移动端开发教程-fullpage框架

    支持窗口缩放。 窗口缩放时自动调整。 可设置滚动宽度,背景颜色,滚动速度,循环选项,回调,文本对齐方式等。...在初始化全屏插件的时候,有很多设置项。...布尔值 false 是否显示左右滑块的项目导航 slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置,可选 top 或 bottom controlArrowColor...字符串 #fff 左右滑块的箭头的背景颜色 loopBottom 布尔值 false 滚动到最底部后是否滚回顶部 loopTop 布尔值 false 滚动到最顶部后是否滚底部 loopHorizontal...内容超过满屏后是否显示滚动条 css3 布尔值 false 是否使用 CSS3 transforms 滚动 paddingTop 字符串 0 与顶部的距离 paddingBottom 字符串 0 与底部距离

    5.9K90

    06-移动端开发教程-fullpage框架

    支持窗口缩放。 窗口缩放时自动调整。 可设置滚动宽度,背景颜色,滚动速度,循环选项,回调,文本对齐方式等。...在初始化全屏插件的时候,有很多设置项。...布尔值 false 是否显示左右滑块的项目导航 slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置,可选 top 或 bottom controlArrowColor...字符串 #fff 左右滑块的箭头的背景颜色 loopBottom 布尔值 false 滚动到最底部后是否滚回顶部 loopTop 布尔值 false 滚动到最顶部后是否滚底部 loopHorizontal...内容超过满屏后是否显示滚动条 css3 布尔值 false 是否使用 CSS3 transforms 滚动 paddingTop 字符串 0 与顶部的距离 paddingBottom 字符串 0 与底部距离

    5.9K50

    脚本语言知识总结.

    frameset或者iframe) self是当前窗口(等价window) opener是用open方法打开当前窗口的那个窗口 ①:父子窗体之间的通讯 在页面内嵌入一个iframe,在iframe中提供一个输入项...对象的方法 // 通过访问jQuery对象下标0 元素,获得DOM对象 var dom1 = $jQueryObject[0]; // 转换jQuery对象为DOM对象 var dom2 = $jQueryObject.get...这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。...这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。...如过没有参数的传递,采用GET方式传递,否则采用POST方式 练习一:校验用户名是否存在 此练习在第五章的第三小节有实现代码,这里使用jQuery的方式进行简要的列出核心代码: $(function(

    6K130

    【领会要领】web前端-轻量级框架应用(jQuery基础)

    jQuery框架,简介,优势,安装,语法,jQuery选择器,id选择器,类选择器,标记选择器,属性选择器,位置选择器,后代选择器,子代选择器,选择器对象,选择器对象遍历,页面初始化,jQuery的dom...("element[attribute]") 匹配包含给定属性的元素 $("div[title=test]") 位置选择器 $(element:position) 匹配符合标签中相应位置的元素 $(...: $("selector:first") 匹配第一个元素 $("selector:last") 匹配最后一个元素 $("selector:odd") 匹配索引值为奇数的元素,从0开始计数 $("selector...:even") 匹配索引值为偶数的元素,从0开始计数 $("selector.eq(n)") 匹配集合中索引值为n的元素 $("selector.gt(n)") 匹配集合中索引值大于n的元素 $("selector...resize()当调整浏览器窗口的大小时,会触发resize事件。

    2.6K20

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

    ( fn ) 某个鼠标按键被松开 几乎所有元素 resize( fn ) 窗口或框架被调整尺寸 window, iframe, frame scroll( fn ) 滚动文档的可视部分时 window...JQuery Traversing 方法说明 eq( index ) 从匹配的元素集合中取得一个指定位置的元素,index从0开始 filter( expr ) 返回与指定表达式匹配的元素集合,可以使用...) + span")从原元素集合中过滤掉匹配selector的所有元素(这里有是一个临选择器) $("tr:even") 匹配集合中偶数位置的所有元素(从0开始) $("tr:odd") 匹配集合中奇数位置的所有元素...(从0开始) $("td:eq(2)") 匹配集合中指定位置的元素(从0开始) $("td:gt(4)") 匹配集合中指定位置之后的所有元素(从0开始) $("td:gl(4)") 匹配集合中指定位置之前的所有元素...offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性, top和left,属性值为整数。这个函数只能用于可见元素。

    3.3K10

    06-老马jQuery教程-jQuery高级

    而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。...类数组对象有 length 属性,其成员索引为 0 至 length - 1。实际中此函数在 jQuery 中将自动使用而无需特意转换。 参数: obj:类型Object,类数组对象。...参数 value:用于在数组中查找是否存在 array:待处理数组。 fromIndex:用来搜索数组队列,默认值为0。...isFunction jQuery.isFunction(obj) 测试对象是否为函数。 isNumeric jQuery.isNumeric(value) 确定它的参数是否是一个数字。...isWindow jQuery.isWindow(obj) 测试对象是否是窗口 error jQuery.error(message) 接受一个字符串,并且直接抛出一个包含这个字符串的异常 trim jQuery.trim

    2.1K00

    JQuery最全常用方法指南

    几乎所有元素 mouseup(fn) 某个鼠标按键被松开 几乎所有元素 resize(fn) 窗口或框架被调整尺寸 window, iframe, frame scroll(fn) 滚动文档的可视部分时...tr: odd”) 匹配集合中奇数位置的所有元素(从0开始) $(”td: eq(2)”) 匹配集合中指定位置的元素(从0开始) $(”td: gt(4)”) 匹配集合中指定位置之后的所有元素(从0开始...offset() 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性, top和left,属性值为整数。这个函数只能用于可见元素。...检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型 jQuery.isFunction(obj) 检测传递的参数是否为function function stub() { } var objs...select的class 9、完善的事件处理功能 Jquery已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。

    12.3K31

    waypoint_使用jQuery Waypoint创建粘性导航标题

    在处理程序函数的主体中,我们使用的是jQuery的.toggleClass()方法的.toggleClass()变体,该变体提供了一种有用的速记方式:在此语法中,第二个参数确定是否将类添加到目标元素或从中删除...当元素的顶部在视口顶部下方的指定距离处时,正值触发路点;当元素的位置在视口顶部上方远处时,负值触发路径。 )。...注意:每次调整窗口大小,添加新的航路点或修改航路点的选项时,都会重新计算此类过程生成的偏移(以及以百分比形式给出的偏移)。...所有这些都是标准的jQuery票价:在nav添加或删除sticky类后,我们便会使用.css()覆盖元素的垂直位置,然后使用.animate()其设置为应有的水平。...但是,这样做有一点副作用-由于代码在固定后有效地取代了导航元素的垂直位置,因此您top:15px从CSS中删除top:15px声明。

    4.4K30

    探索 JQuery EasyUI:构建简单易用的前端页面

    核心组件详解 在 JQuery EasyUI 的世界中,有一系列的核心组件,它们如同大地上的繁星,闪耀着各自独特的光芒,为我们的界面世界增添了无尽的可能性。...它可以包含任意类型的 HTML 内容,并且可以自定义窗口的标题、图标、大小、位置等属性。 3.3.1 主要属性 title: 设置窗口的标题。 iconCls: 设置窗口标题前的图标样式。...width: 设置窗口的宽度。 height: 设置窗口的高度。 left: 设置窗口的水平位置。 top: 设置窗口的垂直位置。 resizable: 设置窗口是否可调整大小。...draggable: 设置窗口是否可拖拽移动。 closable: 设置窗口是否可关闭。 3.3.2 使用示例 窗口可拖拽移动、可调整大小以及可关闭等属性。

    1.4K10

    jQuery.dotdotdot多行文本省略号插件的使用方法

    插件会自动识别大多数元素的显示方式,调整浏览器大小,省略号会即时更新。 插件的下载和安装 插件官网:http://dotdotdot.frebsite.nl 可以在官网直接下载js文件。...代码如下: jquery.js"> jquery.dotdotdot.js"> 然后,在需要省略的元素上添加监听事件...             在这个函数里,“this”是指该元素 */             ellipsis: "\u2026 ",             /* 添加的文本为省略号 */             ...选择器的元素保存在省略号之后. */             tolerance: 0,             /* 判断元素高度的偏差. */             truncate: "word...:              true: 监测元素的宽度和高度;              "window": 检测窗口的宽度和高度. */         });     }); 在插件被激发之后,

    2.6K01

    探索 JQuery EasyUI:构建简单易用的前端页面

    核心组件详解在 JQuery EasyUI 的世界中,有一系列的核心组件,它们如同大地上的繁星,闪耀着各自独特的光芒,为我们的界面世界增添了无尽的可能性。现在,让我们一起来仔细揭开它们的神秘面纱吧!...它可以包含任意类型的 HTML 内容,并且可以自定义窗口的标题、图标、大小、位置等属性。3.3.1 主要属性title: 设置窗口的标题。iconCls: 设置窗口标题前的图标样式。...width: 设置窗口的宽度。height: 设置窗口的高度。left: 设置窗口的水平位置。top: 设置窗口的垂直位置。resizable: 设置窗口是否可调整大小。...draggable: 设置窗口是否可拖拽移动。closable: 设置窗口是否可关闭。3.3.2 使用示例窗口的内容为 "Welcome to my window!",并且设置了窗口标题前的图标样式为 "icon-ok",使其显示一个勾选图标。同时,我们还设置了窗口可拖拽移动、可调整大小以及可关闭等属性。

    1.9K10

    fullPage.js全屏滚动插件

    如果你要制作一个全屏的网页,使用这个插件在合适不过,如QQ浏览器官方网站 直接下载 使用方法 1.引入fullpage.css文件 <link rel="stylesheet" type="text.../导航显示右边 controlArrowColor:'red',//左右滑块背景颜色 }); 4.参数设置 传递对象形式 参数 说明 resize (true/false)字体是否随着窗口缩放而缩放...(string) 项目导航的位置,可选 left 或 right navigationColor (string)项目导航的颜色 navigationTooltips (array)项目导航的...tip slidesNavigation (true/false) 是否显示左右滑块的项目导航 slidesNavPosition (string)左右滑块的项目导航的位置,可选 top 或 bottom...滚动到最顶部后是否滚底部 loopHorizontal (true/false)左右滑块是否循环滑动 autoScrolling (true/false) 是否使用插件的滚动方式,如果选择 false

    17.3K20

    杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    ,这个元素的位置是从0算起。...第一个元素是0.如果是负数,则可以从集合的尾部开始选起。 •end 结束选取自己的位置,如果不指定,则就是本身的结尾。...off(events,[selector],[fn]),在选择元素上移除一个或多个事件的事件处理函数。 bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数。...举一个例子,在项目中,经常需要验证表单,在单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件时,要阻止表单的提交 eg: $(“#sub”).bind(...“click”,function(event){ var username = $("#username").val(); //获取元素的值 if(username==""){ //判断值是否为空

    9.4K20
    领券