拉考的考拉的博客_笔记

事件对象的使用、属性和方法

事件对象的使用、属性和方法1event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素2target属性可以是注册事件时的元素或者子元素，通常用于比较event.target和this来确定是不是由于冒泡而触发的，经常用于事件冒泡时处理事件委托3事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内

事件对象

使用

属性

原创 2018-03-13 09:14:28 2149 阅读 1点赞

JQuery——UI型插件

1.draggable()拖曳插件,拖动被绑定的元素，当这个jQueryUI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式$(selector).draggable({options})2options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向,例如在页面

JQuery

UI

型插件

原创 2018-03-12 09:11:40 1005 阅读

JQuery——常用插件

1.validate()表单验证插件，自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，允许自定义验证规则，调用方法$(form).validate({options})2form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置，如当点击表单中的“提交”按钮时，调用validate插件验证用户名输入是否符合规则，并

JQuery

常用插件

原创 2018-03-11 10:43:40 1714 阅读

JQuery动画——.trim()去空格、.get()和.index()获取DOM元素

.trim()去空格、.get()和.index()获取DOM元素1.trim()函数用于去除字符串两端的空白字符，没有多余的参数用法2移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符(tab),如果这些空白字符在字符串中间时，它们将被保留，不会被移除3.get()获取DOM元素，通过已知的索引在合集中找到对应的元素4get获取dom对象，通过document.getElemen

JQuery

动画

原创 2018-03-10 11:44:37 1218 阅读

JQuery动画

停止动画.stop()、.each处理对象和数组的遍历和.inArray()查找数组中的索引1.stop()让当前正在运行的动画立即停止2常用的语法.stop([clearQueue],[jumpToEnd]).stop([queue],[clearQueue],[jumpToEnd])3常用的参数.stop();停止当前动画，点击在暂停处继续开始.stop(true);如果同一元素调用多个动画方

JQuery

动画

原创 2018-03-06 08:50:57 904 阅读

JQuery动画

toggle、sildeToggle和fadeToggle的区别和自定义动画.animate()1操作元素显示和隐藏的常见的4种方法改变样式display为none设置位置高度为0设置透明度为0还有show/hide、sildeDown/sildeUp、fadeIn/fadeOut、toggle、sildeToggle和fadeToggle切换方法2toggle、sildeToggle和fadeT

JQuery

动画

原创 2018-03-04 15:52:13 484 阅读

JQuery动画

.fadeOut()淡出动画、.fadeIn()淡入动画、.fadeToggle()淡入淡出切换和淡入效果.fadeTo()1.fadeOut()淡出动画,淡出效果，内容隐藏，opacity是1到02常见让元素在页面中不可见的方法有通过设置样式的display:none透明度的方法，设置元素透明度为0，可以让元素不可见，透明度的参数是0~1之间的值，通过改变这个值可以让元素有一个透明度的效果3fa

JQuery

动画

原创 2018-03-03 10:21:34 560 阅读

JQuery动画

.slideDown()下拉动画、.slideUp()显示上卷动画和.slideToggle()上卷下拉切换1.slideDown()用滑动动画显示一个匹配元素，给匹配元素高度的动画，会导致页面的下面部分滑下去，弥补了显示的方式2常见的操作是提供一个动画是时间，然后传递一个回调，用于知道动画什么时候结束3持续时间（duration）是以毫秒为单位的，数值越大，动画越慢，字符串'fast'和'slo

JQuery

动画

原创 2018-03-02 16:37:48 792 阅读

JQury动画

.hide()隐藏元素、.show()显示元素和.toggle()切换显示或隐藏匹配元素1让页面上的元素不可见，一般可以通过设置css的display为none属性，但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性2.hide()隐藏元素3.hide(options)当提供hide方法一个参数时，.hide()就会成为一个动画方法，.hide()方法

JQury

动画

原创 2018-03-01 20:48:19 476 阅读

JQuery——自定义事件.trigger()和.triggerHandler()

自定义事件.trigger()和.triggerHandler()1.trigger()根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为,除了能够触发浏览器事件，同时还支持自定义事件，并且自定义时间还支持传递参数2trigger触发浏览器事件与自定义事件区别自定义事件对象，是jQuery模拟原生实现的自定义事件可以传递参数3alert的执行必须要有用户点击才可以4triggerHandl

自定义

事件

.trigger

原创 2018-02-19 11:53:18 1692 阅读

JQuery事件——绑定多事件.on()和卸载事件.off()

绑定多事件.on()和卸载事件.off()1.on()绑定事件，通过空格分离传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法，可以通过第二对象或参数，当一个事件被触发时，要传递给事件处理函数2.on()绑定2个事件$("elem").on("mousedownmouseup",fn)3快捷方式与on的不同on可以自定义事件名多个事件绑定同一个函数多个事件绑定不同函数将数据传递到

绑定

多事件

卸载事件

原创 2018-01-14 12:04:40 6064 阅读

JQuery——键盘事件.keydown()、.keyup()和.keypress()

键盘事件.keydown()、.keyup()和.keypress()1.keydown()当用户在一个元素上第一次按下键盘上字母键的时候，就会被触发，与基本事件参数处理保持一致2.keyup()当用户在一个元素上第一次松手键盘上的键的时候，就会被触发，使用方法与keydown是一致的只是触发的条件是方法的3理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不

JQuery

键盘事件

原创 2018-01-13 11:13:59 10000+阅读 1收藏

JQuery——表单事件

表单事件.blur()、.focus()、.change()、.select()和.submit()1.blur()和.focus()处理表单焦点2.blur()和.focus()区别在于是否支持冒泡处理3.focus()在元素本身产生，.focusin()在元素包含的元素中产生4.change()监听元素值的改变，要注意触发的先后行为5input监听value值的变化，当有改变时，失去焦点后触发

JQuery

表单事件

原创 2018-01-07 11:52:02 1438 阅读

JQuery——鼠标事件2

鼠标事件.hover()、.focus()和.focusout()1.handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数2.handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数3.hover()在元素上移进移出切换器颜色4.focus()监听用户在点击时的聚焦5$ele.focusin()绑定$ele元素，不带任何参数一般是用来指

JQuery

鼠标事件

原创 2017-12-02 11:13:18 722 阅读

JQuery事件——鼠标事件1

鼠标事件.mousemove()、.mouseover()、.mouseout()、.mouseenter()和.mouseleave()1.mousemove()监听用户移动的操作2$ele.mousemove()绑定$ele元素,不带任何参数，用来指定触发一个事件3$ele.mousemove(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调h

JQuery

事件

鼠标事件

原创 2017-12-01 09:10:13 1289 阅读

JQuery事件——鼠标事件

鼠标事件.click()、.dbclick()、.mousedown()和.mouseup()1.click()用于监听用户单机操作2.dbclick()用于监听用户双击操作3$ele.click()绑定$ele元素，不带任何参数一般是用来指定触发一个事件4$ele.click(handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调handler函数，可

JQuery

事件

鼠标事件

原创 2017-11-30 09:23:10 1896 阅读

DOM——遍历

遍历.prev()、.siblings()、.add()和.each()1.prev()无参数，可以取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合，2.prev()选择性地接受同一类型选择器表达式，需要对这个合集对象进行一定的筛选，找出目标元素，允许传一个选择器的表达式3.siblings()无参数，选择性的接受同一类型选择器表达式，取得一个包含匹配的元素集合中每一个元素的同

DOM

遍历

原创 2017-11-28 17:39:03 892 阅读

DOM——遍历.parent()、.parents()、.closest()和.next()

遍历.parent()、.parents()、.closest()和.next()1.parent()快速查找合集里面的每一个元素的父元素，即父亲与儿子的关系，因为是父元素，所以只会向上查找一级2.parent()无参数，能够在DOM树中搜索到这些元素的父级元素，有序的向上匹配元素，并根据匹配的元素创建一个新的JQuery对象3.parent()选择性地接受同一型选择器表达式，需要对这个合集对象进

DOM——遍历

原创 2017-11-25 11:59:35 7982 阅读

DOM——拷贝.clone()与替换.replaceWith() 和.replaceAll()及包裹.wrap()

拷贝.clone()与替换.replaceWith() 和.replaceAll()及包裹.wrap()1 .clone()深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素和文字节点2 如果节点有事件或者数据之类的其他处理，需要通过clone（ture)传递一个布尔值ture来指定，不仅克隆单纯的节点结构，还把附

DOM

拷贝.clone

原创 2017-11-21 22:15:43 2233 阅读 1点赞

DOM——节点删除.empty()、remove()和.detach()

节点删除.empty()、remove()和.detach()1 empty清空方法，与删除不一样，只移除了指定元素中的所有子节点，不仅移除子元素（和其他后代元素），同样移除元素里的文本，如<div class="hello"><p>慕课网</p></div>2 通过empty方法

DOM

节点删除.empty

原创 2017-11-20 16:36:56 3219 阅读

DOM—外部插入.after()、.before()、.insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo()

外部插入.after()、.before()、.insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo()1 .after(content)在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点2 .before(content）据参数设定，在匹配元素的前面插入

DOM

before

外部插入

原创 2017-11-18 20:22:55 2525 阅读 1收藏

DOM——创建节点及节点属性与内部插入append()和appendTo()

创建节点及节点属性与内部插入append()和appendTo()1 创建流程创建节点（常见的元素、属性和文本）添加节点的一些属性加入到文档中2 流程中涉及的方法创建元素document,creat 设

创建

DOM

appendTo

原创 2017-11-17 20:25:48 1958 阅读

JQuery属性与样式——样式操作.css()和元素数据的存储.data()

样式操作.css()和元素数据的存储.data()1 .css()方法用于获取元素样式属性的计算值或者设置元素的css属性2 .css()获取元素样式属性的计算值的2种方法 .css(propertyName)获取匹配元素集合中的第一个元素的样式属性的计算值 .css(propertyNames)

属性

JQuery

样式

原创 2017-11-17 16:50:58 1200 阅读

JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()

删除样式.removeClass()和切换样式.toggleClass()1 .removeClass()从匹配的元素中删除全部或者指定的class2 .removeClass()的2种方法 .removeClass([className])每个匹配元素移除的一个或多个用空格隔开的样式

属性

JQuery

样式

原创 2017-11-17 15:28:14 1937 阅读

JQuery属性与样式——.val()和增加样式.addClass()

.val()和.addClass()1 .val()用于处理表单元素的值，如input、select和textarea2 .val()的3种方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val(value)设置匹配的元素集合中每个元素的值

属性

JQuery

样式

原创 2017-11-16 11:59:52 6581 阅读

JQuery属性与样式——.html()和.text()

.html()和.text()1 .html与.text用于读取修和改元素的html结构或者文本内容2 .html()获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的html内容3.html()的3种方法 .html()不传入值，只获取集合中第一个匹配元素的HTML内

属性

JQuery

样式

原创 2017-11-14 22:17:34 850 阅读

JQuery属性与样式——.att()和.removeAttr()

1 每个元素都有一个或多个特性，用途是给出相应元素或者其内容的附加信息，如：在img元素中，src就是元素的特性，用来标记图片的地址2 操作特性的主要DOM方法 getAttribute方法 setAttribute方法 removeAttribute方法3 JQuery中用attr(

属性

JQuery

样式

原创 2017-11-13 21:44:15 1293 阅读

JQuery——表单对象属性筛选选择器和特殊选择器this

表单对象属性筛选选择器和特殊选择器this1 表单对象属性选择器专门针对表单元素，可以附加在其他选择器的后面，对所选择的表单元素进行筛选2 表单对象属性选择器的描述$(":enabled") 选取可用的表单元素$(":disabled")

对象

表单

JQuery

原创 2017-11-12 18:13:14 1157 阅读

JQuery选择器——子元素筛选选择器和表单元素选择器

子元素筛选选择器和表单元素选择器1 子元素筛选选择器描述$(":first-child") 选择所有父级元素下的第一个子元素$(":last-child") 选择所有父级元素下的最后一个子元素$(":only-child") &

JQuery

选择器

子元

原创 2017-11-11 11:35:11 900 阅读

JQuery选择器——可见性筛选选择器和属性筛选选择器

可见性筛选选择器和属性筛选选择器1 可见性筛选选择器$(":visible") 选择所有显示的元素$(":hidden") 选择所有隐藏的元素，包含display=“none”元素的样式和隐藏表单、visibility等2 隐藏元素的方式

JQuery

选择器

原创 2017-11-10 22:50:58 1266 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

拉考的考拉