文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    事件高级

    那么是先执行父元素的单击事件，还是先执行div的单击事件 ？？？ 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。...事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 注意 1. Js代码中只能执行捕获或者泡其中的一个阶段。 2. onclick和attachEvent 只能得到冒泡阶段。...常情况下terget 和 this是一致的， 但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行）， 这时候this指向的是父元素，因为它是绑定事件的元素对象...说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 生活中的代理： 咱们班有100个学生，快递员有100个快递， 如果一个个的送花费时间较长。...js事件中的代理： ? 事件委托的原理 给父元素注册事件，利用事件冒泡，当子元素的事件触发，会冒泡到父元素，然后去控制相应的子元素。

    1.5K41

    【JavaWeb】81：js事件以及常用对象

    但是为何输出又是“刘小爱”了呢？ 原来还有个innerHTML，这是一个属性，相当于给id为“demo”的元素重新赋值了。 其中还有一个属性叫innerText，这个是只能修改元素内部的纯文本。...2.window.alert() ? alert，警示的意思，也就是说调用alert方法，会弹出一个警示框来显示数据。 3console.log() 使用该方法可以将内容输出到浏览器控制台。...①单击事件（全名函数注册） onclick，即为单击的意思。 在input标签中有一个属性叫onclick，单击一下该按钮，会触发对应的事件。...①关于数组遍历 在Java中数组直接打印是一串地址，但是在js中数组是可以直接打印的，数字之间用逗号隔开。 至于数组遍历，js和Java中一样，也是for循环遍历数组中的每一个元素，索引位从0开始。...②关于数组越界 在Java中，数组的长度确定后是不可变的，所以会出现越界问题。 但是在js中，数组的长度竟然是可变化的。

    1.8K20

    Jquery入门基础教程免费版

    =value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素 $('li[class!...Click事件 3.1 jQuery基础事件 3.1.1 鼠标事件 方法 描述 执行时机 click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时 mouseover( ) 触发或将函数绑定到指定元素的...mouseover事件 鼠标指针移过时 mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时 3.1.2 键盘事件 当我们在键盘尚进行按键操作的时候，做出的响应事件...4.2 追加节点 语法 功能 append(content) $(A).append(B)表示将子元素B追加到A中 prepend(content) $(A). prepend (B)表示将子元素B前置插入到...(function(){ //当我们在这个按钮上进行单击的时候，逐个获取li的信息内容 //然后打印输出; //each的前面是需要逐个遍历的选择器对象；当前是li,所以：

    10210

    jQuery的简单使用

    通过jQuery注册事件 jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。...在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例： <!...(e.toString()); }); 在函数中可以使用this来表示当前触发事件的对象，也可以通过选择器去获取当前对象： <!...控制标签 通过jQuery可以很方便的控制标签，例如可以对某个标签增加子标签，或者删除某个标签等等，append方法就可以给某个标签添加一个子标签： 在设置速度的情况下，元素从隐藏到完全可见的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。

    7K10

    JQuery高级

    re.test(数据) // alert(re.test(str1)) alert(re.test(str2)) 在工作中，在查找到东西的时候...比如子级有单击事件，那么父级如果有单击事件也会被触发，父级的父级如果有单击事件也会被触发。 任何一个操作，计算机或者浏览器都会去处理。不管你有没有设置对应的事件。...最终是通过js内置的结构化表现手法，将网页中的所有html节点查找到，然后实现一个倒置的树状结构图，这个树状结构图就叫DOM树。...标签===标记====元素 的内容、标签的属性） 网页文档的根：html标签 html的子标签是head和body 纯前端会学很多东西，后端不需要了解全部，知道其中的原理即可。...***js对象（ajax要用调用属性和函数的语法） js的对象就是python中的字典。

    1.5K50

    事件高级

    DOM事件流 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即 DOM 事件流。...事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即 DOM 事件流。 注意 　　1. JS 代码中只能执行捕获或者冒泡其中的一个阶段。 　　...常情况下terget 和 this是一致的， 但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），  这时候this指向的是父元素，因为它是绑定事件的元素对象...事件委托也称为事件代理，在 jQuery 里面称为事件委派。 说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。...事件委托的原理 给父元素注册事件，利用事件冒泡，当子元素的事件触发，会冒泡到父元素，然后去控制相应的子元素。 事件委托的作用 我们只操作了一次 DOM ，提高了程序的性能。

    1.2K10

    JavaScript详细解析

    页面内容输出 document.write(“显示内容”); 2.3、变量和常量 ​ JavaScript 属于弱类型的语言，定义变量时不区分具体的数据类型。...子元素对象.parentElement属性 获取当前元素的父元素 let body = div1.parentElement; alert(body); 3.3、Element...当用户双击某个对象时调用的事件句柄 onfocus 元素获得焦点时发生 onsubmit 确认按钮被点击时发生 onreset 重置按钮被点击，事件会在表单中的重置按钮被点击时发生...5.2、添加功能的分析 为添加按钮绑定单击事件。 创建 tr 元素。 创建 4 个 td 元素。 将 td 添加到 tr 中。 获取文本框输入的信息。 创建 3 个文本元素。...reg2.test(password)) { alert("密码不符合规则，请输入6位纯数字的密码！")

    1.5K10

    事件高级

    DOM事件流 html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。 当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。 ​...那么是先执行父元素的单击事件，还是先执行div的单击事件 ？？？ 事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。...比如：我们给页面中的一个div注册了单击事件，当你单击了div时，也就单击了body，单击了html，单击了document。 ?...常情况下terget 和 this是一致的， 但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行）， 这时候this指向的是父元素，因为它是绑定事件的元素对象...说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 生活中的代理： ? js事件中的代理： ?

    1.4K20

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

    可以在父元素上检测子元素获取焦点的情况。...事件冒泡可能会引起预料之外的效果,上例中,本来只想触发元素 的click事件,然而 元素和元素的click事件也同时被触 发了.因此有必要对事件的作用范围进行限制.当单击元素时,只 触发元素的click...可以用同样的方法解决 元素上的问题 阻止默认行为 网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为 在jquery中,提供了preventDefault...举一个例子,在项目中,经常需要验证表单,在单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件时,要阻止表单的提交 eg: $(“#sub”).bind(...); return false;//阻止链接跳转 }); (7)event.which()方法 该方法的作用是在鼠标单击事件中获取到鼠标左中右键,在键盘事件中获取键盘的按键.

    8.3K20

    JQuery的学习

    JQuery对象和JS对象区别与转换： 1.JQuery对象在操作时，更加方便； 2.JQuery对象和JS对象方法不通用； 3.两者相互转换： * JQuery --> JS : JQuery...首元素选择器 * 语法： :first 获得选择的元素中的第一个元素 2. 尾元素选择器 * 语法： :last 获得选择的元素中的最后一个元素 3....* 对象1.append(对象2)：将对象2添加到对象1元素内部，并且在末尾 2.prepend():父元素将子元素追加到开头 * 对象1.prepend(对象2)：将对象2添加到对象...1元素内部，并且在开头 3.appendTo():父元素将子元素追加到末尾 * 对象1.appendTo(对象2)：将对象1添加到对象2元素内部，并且在末尾 4.prependTo():父元素将子元素追加到开头...* swing:动画执行时效果是：先慢，中间快，最后又慢 * linear：动画执行时速度是匀速的 3.fn:在动画完成时执行的函数，每一个元素执行一次。

    16.6K20

    jQuery 事件绑定 和 JavaScript 原生事件绑定

    live、delegate 不多用，在Jquery1.7中已经移除，这里不多说 重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数...JavaScript支持在标签中直接绑定事件 2.在JavaScript代码中onXXX绑定：在JavaScript代码中绑定事件可以使JavaScript代码与HTML标签分离，文档结构清晰，便于管理和开发...在JavaScript代码中onXXX绑定 在JavaScript代码中绑定事件的语法为： elementObject.onXXX=function(){     // 事件处理代码 } 其中： elementObject...例如，为一个 id="demo" 的按钮绑定事件，鼠标单击时弹出对话框： 1 var obj = document.getElementById("demo"); 2 addEvent(obj ,"click...可以发现： 使用 jQuery 的事件绑定方法，对同一个元素的 click 事件先后绑定了三个处理函数，结果按顺序都输出了，说明了 jQuery 的事件处理函数是叠加的； 而使用 JavaScript

    5.7K20

    JAVA保姆式上手教程之免费JAVA 案例day02-js高级

    它表示的浏览器窗口 window对象是js中的顶层对象，所有的js函数，变量等都是window对象成员 甚至Dom的document也是window对象的属性之一 frameset 可以把window页面进行分割...并且在浏览器加载html文件中的所有标签时，把html文件中的所有标签页加载成不同的标签对象，以及标签中的属性，也加载成属性对象，标签中的文本也加载成文本对象。...浏览器在加载某个标签时，标签的文本数据，被加载成当前标签的一个子标签。当我们把一个html文件加载完成之后，他们就得到这个html文件中的所有标签，属性，文本对象。...在浏览器把html文件加载完成之后，标签被称作标签对象（元素节点），标签中的文件称为文本节点（文本对象），标签的属性称为属性节点（属性对象）。...2. innerText 设置到页面中的是纯文本 innerHTML设置到页面中的html会展示出外观效果 3. innerHTML不包含自身 outerHTML包含自身的html

    7610

    第50次文章：JQuery基础

    程序加载更快 2、导入JQuery的js文件 导入jquery-xxx.min.js 3、使用 var div1 = $("#div1") alert(div1.html()) 三、JQuery对象和JS...对象区别与转换 （1）jquery对象在操作时，更加方便 （2）jquery对象和js对象方法不通用 （3）两者相互转换的方式 jq -- > js: jq对象[索引] 或者 jq对象.get(索引)...alert("abc"); }); （2）入口函数 $(function () { //给b1按钮添加单击事件 //1.获取b1按钮 $("#b1").click(function...语法：$("A B ")选择A元素内部的所有B元素 子选择器。语法：$("A > B")选择A元素内部的所有B子元素 （3）属性选择器 属性名称选择器。...3、CRUD操作 1. append()：父元素将子元素追加到末尾 * 对象1.append(对象2)：将对象2添加到对象1元素内部，并且在末尾 2. prepend():父元素将子元素追加到开头

    1.6K30

    javaScript事件处理

    ---- ---- JS事件指再浏览器窗体或者HTML元素上发生的，乐意触发JS代码块运行的行为，下面，我们一起来看看相关事件。...焦点事件：指元素对焦点的获得与失去，如文本框选中或者取消选中。 ---- 2.鼠标事件 例如当鼠标单击左键，会发生onclick事件： <!...---- 5.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件） 方法 描述 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标单击某个对象...ondblclick 鼠标双击某个对象 onerror 当加载文档或者图像时发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或者按住...onunload 用户退出页面 ---- 6.事件冒泡和事件捕捉 事件发生就会产生事件流，当一个HTML元素产生一个事件时，该事件会在元素节点和根节点之间按特定的顺序转播，类似于递和归。

    2.4K10

    Web阶段：第五章：JQuery库

    ("js原生绑定的单击事件"); } } //使用Jquery给一个按钮绑定单击事件，Jquery中的$()代替window.onload...[attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素。...就马上执行了 原生js页面加载完成之后的触发时间是： // 原生js除了要等浏览器内核解析完标签，创建好dom对象之外， // 还需要等页面中所有元素去准备好自己显示时需要的数据。完成之后才会执行。...在子元素事件函数体内，return false; 可以阻止事件的冒泡传递。...在给元素绑定事件的时候，在事件的function( event ) 参数列表中添加一个参数，这个参数名，我们习惯取名为event。

    26.3K20

    Java面试常见题

    首先,我们一般在web.xml中配置dispatchServlet对应的servlet-mapping中的url-pattern为/时.前端的请求分为两种,一种是对.jsp文件的请求,一种是对servlet...集群: 和单击步骤差不多,如果是伪集群.部署在同一台服务器上的话,需要把redis.conf中的端口改一下,开启守护进行,写批量自启动文件授权,3主3备模式,减小down机率....当线程A要更新数据值时，在读取数据的同时也会读取version值，在提交更新时，若刚才读取到的version值为当前数据库中的version值相等时才更新，否则重试更新操作，直到更新成功。...”)); //返回子字符串第一次出现的角标, 若未找到返回-1 结果:-1 47.Js中的Date对象 (1)创建Date对象 var date = new Date(); alert(date...中的事件 一.鼠标事件 (1)单击事件:onclick 鼠标单击的时候会触发 (2)双击事件:ondbclick 鼠标双击的时候会触发 (3)鼠标悬停在某个html元素上触发:onmouseover

    79920
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券