2017年8月10日
摘要: 在之前2.8与2.9节我们学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件 它们之间的本质区别: 举个简单的例子 其中input元素可以触发focus()事件 div是input的父元素,当它包含的元素input触发了focus事件时 阅读全文
posted @ 2017-08-10 14:29 廖利君 阅读(4698) 评论(0) 推荐(0) 编辑
摘要: jQuery鼠标事件之focusin事件 当一个元素,或者其内部任何一个元素获得焦点的时候,例如:input元素,用户在点击聚焦的时候,如果开发者需要捕获这个动作的时候,jQuery提供了一个focusin事件 使用上非常简单: 方法一:$ele.focusin() 绑定$ele元素,不带任何参数一 阅读全文
posted @ 2017-08-10 13:48 廖利君 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 学了mouseover、mouseout、mouseenter、mouseleave事件,也理解了四个事件的相同点与不同点,现在可以用来给元素做一个简单的切换效果 在元素上移进移出切换其换色,一般通过2个事件配合就可以达到,这里用mouseenter与mouseleave,这样可以避免冒泡问题 这样 阅读全文
posted @ 2017-08-10 13:41 廖利君 阅读(2261) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之each() jQuery是一个合集对象,通过$()方法找到指定的元素合集后可以进行一系列的操作。比如我们操作$("li").css('') 给所有的li设置style值,因为jQuery是一个合集对象,所以css方法内部就必须封装一个遍历的方法,被称为隐式迭代的过程。要一个一个给 阅读全文
posted @ 2017-08-10 13:31 廖利君 阅读(341) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之add()方法 jQuery是一个合集对象,通过$()方法找到指定的元素合集后可以进行一系列的操作。$()之后就意味着这个合集对象已经是确定的,如果后期需要再往这个合集中添加一新的元素要如何处理?jQuery为此提供add方法,用来创建一个新的jQuery对象 ,元素添加到匹配的元 阅读全文
posted @ 2017-08-10 13:26 廖利君 阅读(886) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之siblings() jQuery是一个合集对象,如果想快速查找指定元素集合中每一个元素的同辈元素,此时可以用siblings()方法 理解节点查找关系: 如下蓝色的class="item-2"的li元素,红色的节点就是它的siblings兄弟节点 <ul class="level 阅读全文
posted @ 2017-08-10 13:01 廖利君 阅读(492) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之prev()方法 jQuery是一个合集对象,如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合,此时可以用prev()方法 理解节点查找关系: 如下蓝色的class="item-2"的li元素,红色的节点就是它的prev兄弟节点 <ul class="level- 阅读全文
posted @ 2017-08-10 12:58 廖利君 阅读(848) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之next()方法 jQuery是一个合集对象,如果想快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合,此时可以用next()方法 理解节点查找关系: 如下class="item-1"元素就是红色部分,那蓝色的class="item-2"就是它的兄弟元素 <ul clas 阅读全文
posted @ 2017-08-10 12:54 廖利君 阅读(842) 评论(0) 推荐(0) 编辑
摘要: jQuery遍历之closest()方法 以选定的元素为中心,往内查找可以通过find、children方法。如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微的区别,属于使用频率很高的方法 closest()方法接受 阅读全文
posted @ 2017-08-10 12:49 廖利君 阅读(4934) 评论(0) 推荐(0) 编辑