.not() // 从匹配元素的集合中删除与指定表达式匹配的元素 .has() // 保留包含特定后代的元素,去掉那些不含有指定后代的元素。...和 .position()的差别在于: .position()是相对于相对于父级元素的位移。 获取滚动条位置示例: <!...a的父标签是b,标签b的父标签是c等是,当我们触发a标签的事件时会相继触发b标签c标签绑定的事件。...通过事件冒泡的原理利用父标签去捕捉子标签的事件。...each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。
这个函数是找出正在处理的元素的后代元素的好方法。...补充: .first()// 获取匹配的第一个元素 .last()// 获取匹配的最后一个元素 .not()// 从匹配元素的集合中删除与指定表达式匹配的元素 .has()// 保留包含特定后代的元素,...位置: offset()// 获取匹配元素在当前窗口的相对偏移或设置元素位置 position()// 获取匹配元素相对父元素的偏移 scrollTop()// 获取匹配元素相对滚动条顶部的偏移 scrollLeft...,在3.x版本的jQuery中则没有这个问题。...(B)// 把B放到A的前面 $(A).insertBefore(B)// 把A放到B的前面 移除和清空元素 remove()// 从DOM中删除所有匹配的元素。
属性的值 alert($obj.val()); 2.DOM对象和jQuery对象之间的转换 注意:jQuery对象使用jquery的api(方法、函数)。...获得jQuery对象,底层使用数组进行维护的,可以存放多个对象。 //然后通过get()可以从jquery对象转换成 dom对象。参数:数组的下标,可以省略。如果省略下标获得dom 数组。...$("A > B") --> A标签中 所有的子标签中B标签。...格式:{"top": xx , "left" : yy} offset(坐标) 设置位置 position() 获得相对父元素偏移 scrollTop([val]) 获得 或 设置 垂直滚动条的位置 scrollLeft...unwrap(): 移出该元素的父元素。
)取出相对应的 DOM 对象 20200719165719.png 三、jQuery 的 2 把利器 1.jQuery 函数; $/jQuery jQuery 向外暴露的就是 jQuery 函数,可以直接使用...(index, domEle){}): 遍历所有的 dom 元素 index(): 得到当前 dom 元素在所在兄弟中的下标 四、jQuery 选择器 有特定语法规则(CSS 选择器)的字符串 用来查找某个...:lt 匹配所有小于给定索引值的元素 :gt 匹配所有大于给定索引值的元素 :odd 匹配所有索引值为奇数的元素,从 0 开始计数 :even 匹配所有索引值为偶数的元素,从 0 开始计数 :not(...原点是父元素左上角) scrollTop()/scrollLeft() 读/写元素/页面的滚动坐标 代码示例: offset() Hello 2nd Paragraph /...事件监听绑定在父元素上, 但事件发生在子元素上 事件会冒泡到父元素 但最终调用的事件回调函数的是子元素: event.target 好处: 新增的元素没有事件监听 减少监听的数量(n==>1) jQuery
(超出内容才加滚动条),scroll溢出滚动(无论内容是否溢出都会加滚动条)) display 转变格式(inline行内,inline-block行内块,block块) float 浮动 上面的内容如果是哪一个忘记了具体的内容...,可以点击链接查看详细介绍:html和css进阶 ---- window.onload 定义入口函数 function 函数 document.getElementById 通过id来从整篇文档中找对应的元素...字符串 boolean布尔型 null 无 object 对象 undefined 没有定义 onclick 单击(js中,在jQuery中是click) onmouseover鼠标滑过 onmouseout...高级 ---- show 显示 hide 隐藏 toggle 触发 (在jQuery中,但凡是有两个功能的效果是相反的,肯定会有第三个功能,这个功能会集成那两个功能,这个功能的名称单词中肯定会有toggle...) val (jQuery中的val是专门来修改访问value属性值的) value 值 prop 访问修改属性值 css 控制css属性的函数 siblings 同级的 parent 父级的 children
] ) 反绑定,从每一个匹配的元素中删除绑定的事件。...JQuery Traversing 方法说明 eq( index ) 从匹配的元素集合中取得一个指定位置的元素,index从0开始 filter( expr ) 返回与指定表达式匹配的元素集合,可以使用...not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。 slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。...的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器 $("tr:first") 匹配第一个选择的元素 $("tr:last") 匹配最后一个选择的元素 $("input:not(:checked...) + span")从原元素集合中过滤掉匹配selector的所有元素(这里有是一个临选择器) $("tr:even") 匹配集合中偶数位置的所有元素(从0开始) $("tr:odd") 匹配集合中奇数位置的所有元素
jQuery 核心对象:即执行 jQuery 核心函数返回的对象,jQuery 对象内部包含的是 dom 元素对象的伪数组 (可能只有一个元素),jQuery 对象拥有很多有用的属性和方法,让程序员能方便的操作...数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从 0 到 length - 1,其他对象通过其属性名进行迭代。...如果传入一个 true,则表示是否会复制元素上的事件处理函数,从 jQuery 1.4 开始,元素数据也会被复制。...3 $('ul>li').eq(1).css('background', 'red'); # 3.3.2.4not() 方法描述:从匹配的元素集合中移除指定的元素。...需求描述:设置 ul 下 li 标签的背景为红色,排除第二个 li 列表项1 列表项2 列表项3
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。...可以用可选的表达式进行筛选 eq 获取当前链式操作中第N个jQuery对象,返回jQuery对象 first 获取第一个元素 last 获取最后个元素 filter...将一组元素转换成其他数组(不论是否是元素数组) has 保留包含特定后代的元素,去掉那些不含有指定后代的元素 not 从匹配元素的集合中删除与指定表达式匹配的元素 slice... $('span').addClass('c1') 2.removeClass(从所有匹配的元素中删除全部或者指定的类) <span class="c1"...() (2)position(获取匹配元素相对父元素的坐标) $('#i1').position() (3)scrollTop(获取和设置滚动条到顶部的坐标) <div style="height: 100px
(a))")// 找到所有后代中不含a标签的li标签 练习: 自定义模态框,使用jQuery实现弹出和隐藏功能。....not() // 从匹配元素的集合中删除与指定表达式匹配的元素 .has() // 保留包含特定后代的元素,去掉那些不含有指定后代的元素。...位置操作 offset()// 获取匹配元素在当前窗口的相对偏移或设置元素位置 position()// 获取匹配元素相对父元素的偏移 scrollTop()// 获取匹配元素相对滚动条顶部的偏移 scrollLeft...(建议使用此函数) 事件委托 事件委托是通过事件冒泡的原理,利用父标签去捕获子标签的事件。....each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。
•-index:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。...B.children() 获得所有子元素(CDEF) A.find(D) 从A子元素中查询D D.parent() 获得D的父元素(B) C.next() 下一个兄弟(D) C.nextAll...one(type,[data],fn),为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。...该方法的作用是获取到光标相对于页面的x坐标和y坐标.如果没有使用jquery时,那么IE浏览器中 是使用event.pageX()和event.pageY()方法.如果页面上有滚动条,则还要加上滚动条的宽度和高...A标签添加事件,之后再追加a标签都具有相同的事件。
iframe滚动条,其所在父页面不出现滚动条。...说明: 这里设置style="overflow: hidden;" 作用在于隐藏父页面的滚动条; 添加<!...}); } 说明: window.innerHeight 获取浏览器窗口的高度-去掉浏览器地址栏,书签栏的可视区域的高度,包括横向滚动条的高度。...document.documentElement.clientHeight - 获取文档html根节点的高度,不包括横向滚动条的高度,其值等于window.innerHeight - 横向滚动条高度(如果有的话...JavaScript”,以上代码也可以使用JQuery的$(window).resize(function)等效实现。
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签。创建标签后,动态的给他添加属性。...(domDiv); 1.2 jQuery动态创建标签的方式 jQuery的构造函数本身可以接收html标签的字符串来动态创建HTML标签。...Number: 设定CSS中 'height' 的值,可以是字符串或者数字,还可以是一个函数,返回要设置的数值。...函数接受两个参数,第一个参数是元素在原先集合中的索引位置,第二个参数为原先的高度。...3.5 获取位置和偏移量 3.5.1 position() 概述 获取匹配元素相对父元素的偏移。此方法只对可见元素有效。从边框开始计算。
Beta2 Jqueryui 引入版本号jquery-ui-1.9.2 prohibit 经常使用浏览器操作JS函数如禁用右键菜单,禁用回退。...禁用F5 designer 在线流程设计器函数库 tools artDialog4.1.6弹出窗及经常使用CURD操作函数 ckeditor 在须要载入t:ckeditor时引入ckeditor所须要的...Datagrid(数据表) 2.1.DataGrid父标签 2.1.1.演示样例 ...autoLoadData boolean 数据列表是否自己主动载入 否 true queryMode string 查询模式:组合查询= group,单查=single 否 single actionUrl string 从远程请求数据的地址...以适应父容器 否 true sortName string 定义的列进行排序 否 null sortOrder string 定义列的排序顺序,仅仅能是“递增“或“降序(asc,desc) 否 asc
jquery一.筛选 筛选与之前的选择器雷同,筛选提供的都是函数. 1....:判断元素是否含有特定的样式 filter(...):筛选出与指定表达式匹配的元素集合 is(...):判断元素是否符合指定的选择器 has(...):含有特定后代的元素 not(...)...:删除与指定表达式匹配的元素 slice(start,end):从给定的数组中,按照范围截取元素。...: 1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找; 2,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤...不包括浏览器默认的) 委派 live jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效,例如给A标签添加事件,之后再追加a标签都具有相同的事件。
jQuery中的 $ 实际上就是一个函数. ================================================================= jQuery中的选择器:...$("div").find("*"); 返回 的所有后代 3.jQuery遍历-同胞(siblings) 同胞拥有相同的父元素.通过jQuery,您能够在DOM树中遍历元素的同胞元素...它们允许您基于其在一组元素中的位置来选择一个特定的元素....scroll() 滚动条的位置发生变化 select() 用户选中文本框中的内容 submit() 用户递交表单 toggle() 根据鼠标点击的次数,依次运行多个函数...1.jQuery load()方法: load() 方法从服务器加载数据,并把返回的数据放入被选元素中.
获取所有已选择到的元素中具有属性attrKey的元素 selector[attrKey=attrVal] 获取所有已选择到的元素中具有属性attrKey,并且属性值为...在B之前追加A,作为它的兄弟元素 删除节点: remove([selector]) 从DOM中删除所有匹配的元素,返回值是一个指向已经被删除的节点的引用,可以在以后再使用这些元素...从DOM中清空集合中匹配元素的所有的子节点。...//获取相对于文档的偏移 7、.offset() //获取相对于定位父元素的偏移 8、.position() //横向滚动条左侧的偏移 9、.scrollLeft()...//横向滚动条上侧的偏移 10、.scrollTop() //获取离它最近的父定位元素 11、.offsetParent()
】 1.5. offset方法与position方法 offset方法获取元素距离document的位置,position方法获取的是元素距离有定位的父元素的位置。...$(selector).position(); 2. jQuery事件机制 JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。...p标签绑定事件 }); 缺点:只能注册委托事件,因此注册时间需要记得方法太多了 on注册事件 2.2. on注册事件(重点) jQuery1.7之后,jQuery用on统一了所有事件的处理方法。...作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素(DOM对象) $(selector).each(function...多库共存 jQuery使用$作为标示符,但是如果与其他框架中的$冲突时,jQuery可以释放$符的控制权. var c = $.noConflict();//释放$的控制权,并且把$的能力给了c
行内标签和块标签有哪些以及都有什么特点 块标签 每一个块属性标签都是从新的一行开始,而且之后的元素也都会从新的一行开始 可以设置宽度、高度,行高,距顶部距离,距底部距离 块属性标签的宽度假如不做设置,会直接默认为父元素宽度的...请注意,从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。...HTML 与 XHTML 之间的差异 在 HTML 中, 标签没有结束标签。 在 XHTML 中, 标签必须被正确地关闭。...)、pop()、unshift()、shift() 不同的是 push()、pop() 是从数组的尾部进行增减,unshift()、shift() 是从数组的头部进行增减。...: 数字输入框 range :特定范围内的数值选择器(通过拖动滚动条改变一定范围内的数字) color : 颜色选取器 只在 Opera 和 Blackberry 浏览器 datetime : 显示完整日期和时间
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签。创建标签后,动态的给他添加属性。...(domDiv); 1.2 jQuery动态创建标签的方式 jQuery的构造函数本身可以接收html标签的字符串来动态创建HTML标签。...当HTML标记代码中的元素包含文本时无法使用这个函数。因此,如果要添加文本应该在包裹完成之后再行添加。...Number: 设定CSS中 'height' 的值,可以是字符串或者数字,还可以是一个函数,返回要设置的数值。函数接受两个参数,第一个参数是元素在原先集合中的索引位置,第二个参数为原先的高度。...3.5 获取位置和偏移量 3.5.1 position() 概述 获取匹配元素相对父元素的偏移。此方法只对可见元素有效。从边框开始计算。
View部分:分成三个部分:窗口部分、滚动部分和布局部分 窗口的api:操作浏览器窗口的位置、尺寸等,包括;moveTo(x,y):窗口移动到屏幕的特定坐标;moveBy(x,y):窗口移动特定距离;resizeTo...计算BFC的高度时,浮动子元素也参与计算 BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面元素,反之亦然 对语义化标签的理解 语义化标签的概念 具有含义的标签,它可以清晰的展示标签的作用和用途...语义化标签的优势 语义化标签具有可读性,使得文档结构清晰 浏览器便于读取,有利于SEO优化 展现在页面中时,用户体验好 便于团队开发和维护 H5的语义化标签有:header,nav,footer,section...谈谈对闭包的认识 闭包的概念 一个函数访问了此函数的父级及父级以上的作用域中的变量,这个函数就是闭包。本质上,js中的每个函数都是一个闭包,因为每个函数都可以访问全局变量。一般理解为函数嵌套函数。...构造函数继承:在子类中调用父类.call()。
领取专属 10元无门槛券
手把手带您无忧上云