• 关于 jQuery-添加元素 的搜索结果

回答

的确 angular.element 不支持 wrapAll 方法,以下是我在网上找到的 angular.element 的支持方法,可供参考。addClass() - 为每个匹配的元素添加指定的样式类名after() - 在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点append() - 在每个匹配元素里面的末尾处插入参数内容attr() - 获取匹配的元素集合中的第一个元素的属性的值bind() - 为一个元素绑定一个事件处理程序children() - 获得匹配元素集合中每个元素的子元素,选择器选择性筛选clone() - 创建一个匹配的元素集合的深度拷贝副本contents() - 获得匹配元素集合中每个元素的子元素,包括文字和注释节点css() - 获取匹配元素集合中的第一个元素的样式属性的值data() - 在匹配元素上存储任意相关数据detach() - 从DOM中去掉所有匹配的元素empty() - 从DOM中移除集合中匹配元素的所有子节点eq() - 减少匹配元素的集合为指定的索引的哪一个元素find() - 通过一个选择器,jQuery对象,或元素过滤,得到当前匹配的元素集合中每个元素的后代hasClass() - 确定任何一个匹配元素是否有被分配给定的(样式)类html() - 获取集合中第一个匹配元素的HTML内容next() - 取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素on() - 在选定的元素上绑定一个或多个事件处理函数off() - 移除一个事件处理函数one() - 为元素的事件添加处理函数。处理函数在每个元素上每种事件类型最多执行一次parent() - 取得匹配元素集合中,每个元素的父元素,可以提供一个可选的选择器prepend() - 将参数内容插入到每个匹配元素的前面(元素内部)prop() - 获取匹配的元素集中第一个元素的属性(property)值ready() - 当DOM准备就绪时,指定一个函数来执行remove() - 将匹配元素集合从DOM中删除。(同时移除元素上的事件及 jQuery 数据。)removeAttr() - 为匹配的元素集合中的每个元素中移除一个属性(attribute)removeClass() - 移除集合中每个匹配元素上一个,多个或全部样式removeData() - 在元素上移除绑定的数据replaceWith() -`用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合text() - 得到匹配元素集合中每个元素的合并文本,包括他们的后代toggleClass() - 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类triggerHandler() - 为一个事件执行附加到元素的所有处理程序unbind() - 从元素上删除一个以前附加事件处理程序val() - 获取匹配的元素集合中第一个元素的当前值wrap() - 在每个匹配的元素外层包上一个html元素

a123456678 2019-12-02 02:06:31 0 浏览量 回答数 0

问题

创建定制的jQuery Mobile主题 - jQuery报错

montos 2020-06-04 14:18:42 5 浏览量 回答数 1

问题

如何使用 jQuery 和 CSS3 创建一个日历控件:报错

kun坤 2020-06-04 21:09:38 5 浏览量 回答数 1

新用户福利专场,云服务器ECS低至102元/年

新用户专场,1核2G 102元/年起,2核4G 699.8元/年起

问题

如何使用 jQuery 和 CSS3 创建一个日历控件- 前端报错

montos 2020-06-04 21:13:51 3 浏览量 回答数 1

问题

使用 CSS3 制作具有圆角效果的表格 :报错

kun坤 2020-06-20 11:38:54 1 浏览量 回答数 1

问题

使用 CSS3 制作具有圆角效果的表格:配置报错 

kun坤 2020-06-02 17:58:31 1 浏览量 回答数 1

回答

在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效######我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持######的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 

kun坤 2020-05-31 22:32:31 0 浏览量 回答数 0

回答

在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效###### 我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持###### 的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 

montos 2020-06-02 18:52:16 0 浏览量 回答数 0

回答

在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效###### 我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持###### 的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 

kun坤 2020-06-14 06:49:59 0 浏览量 回答数 0

回答

" 在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效###### 我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持###### 的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 "

montos 2020-05-31 13:07:48 0 浏览量 回答数 0

问题

火狐浏览器中给元素添加动画,执行完毕后,清除动画,再次添加无效,在chrome下正常 :报错

kun坤 2020-06-07 10:14:03 1 浏览量 回答数 1

问题

火狐浏览器中给元素添加动画,执行完毕后,清除动画,再次添加无效,在chrome下正常-服务报错

montos 2020-05-31 10:21:25 0 浏览量 回答数 1

问题

火狐浏览器中给元素添加动画,执行完毕后,清除动画,再次添加无效,在chrome下正常 - 服务报错

montos 2020-05-31 18:55:56 1 浏览量 回答数 1

回答

Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果: TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $('').bind('cust', function(){}); Zepto 的选择器表达式: [name=value] 中 value 必须用 双引号 " or 单引号 ' 括起来 例如执行:$('[data-userid=123123123]') 结果:Error: SyntaxError: DOM Exception 12 解决办法: $('[data-userid="123123123]"') or \$("[data-userid='123123123']") 2-1.zepto 的选择器没有办法选出 \$("div[name!='abc']") 的元素 2-2.zepto获取select元素的选中option不能用类似jq的方法$('option[selected]'),因为selected属性不是css的标准属性 应该使用$('option').not(function(){ return !this.selected }) 比如:jq:$this.find('option[selected]').attr('data-v') * 1 zepto:$this.find('option').not(function() {return !this.selected}).attr('data-v') * 1 但是获取有select中含有disabled属性的元素可以用 $this.find("option:not(:disabled)") 因为disabled是标准属性 参考网址:https://github.com/madrobby/zepto/issues/503 2-3、zepto在操作dom的selected和checked属性时尽量使用prop方法 Zepto 是根据标准浏览器写的,所以对于节点尺寸的方法只提供 width() 和 height(),省去了 innerWidth(), innerHeight(),outerWidth(),outerHeight() Zepto.js: 由盒模型( box-sizing )决定 jQery: 忽略盒模型,始终返回内容区域的宽/高(不包含 padding 、 border )解决方式就是使用 .css('width') 而不是 .width() 。 3-1.边框三角形宽高的获取 假设用下面的 HTML 和 CSS 画了一个小三角形: <div class="caret" > </div > .caret { width: 0; height: 0; border-width: 0 20px 20px; border-color: transparent transparent blue; border-style: none dotted solid; } jQuery 使用 .width() 和 .css('width') 都返回 ,高度也一样; Zepto 使用 .width() 返回 ,使用 .css('width') 返回 0px 。 所以,这种场景,jQuery 使用 .outerWidth() / .outerHeight() ;Zepto 使用 .width() / .height() 。 3-2.offset() Zepto.js: 返回 top 、 left 、 width 、 height jQuery: 返回 width 、 height 3-3.隐藏元素 Zepto.js: 无法获取宽高; jQuery: 可以获取。 Zepto 的 each 方法只能遍历 数组,不能遍历 JSON 对象 Zepto 的 animate 方法参数说明 :详情点击-> zepto 中 animate 的用法 zepto 的 jsonp callback 函数名无法自定义 DOM 操作区别 jq 代码: (function($) { $(function() { var $list = $("<ul><li>jQuery 插入</li></ul>", { id: "insert-by-jquery" }); $list.appendTo($("body")); }); })(window.jQuery); jQuery 操作 ul 上的 id 不会被添加。 zepto 代码: Zepto(function($) { var $list = $("<ul><li>Zepto 插入</li></ul>", { id: "insert-by-zepto" }); $list.appendTo($("body")); }); Zepto 可以在 ul 上添加 id 。 事件触发区别 jq 代码: (function($) { $(function() { $script = $("<script />", { src: "http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.min.js", id: "ui-jquery" }); $script.appendTo($("body")); $script.on("load", function() { console.log("jQ script loaded"); }); }); })(window.jQuery); 使用 jQuery 时 load 事件的处理函数 不会 执行 zepto 代码: Zepto(function($) { $script = $("<script />", { src: "http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js", id: "ui-zepto" }); $script.appendTo($("body")); $script.on("load", function() { console.log("zepto script loaded"); }); }); 使用 Zepto 时 load 事件的处理函数 会 执行。 zepto 阻止事件冒泡 zepto 的 slideUP 和 slidedown 事件到底部才能触发 document.addEventListener( "touchmove", function(event) { event.preventDefault(); }, false );

茶什i 2019-12-02 03:21:22 0 浏览量 回答数 0

问题

jquery ui实现动态添加元素可拖拽

小旋风柴进 2019-12-01 19:23:54 1169 浏览量 回答数 1

问题

使用jQuery将JS对象转换为数组

保持可爱mmm 2020-01-15 09:59:37 0 浏览量 回答数 1

问题

jQuery生成的日期选择表单无法加载日期选择框

小旋风柴进 2019-12-01 19:35:56 990 浏览量 回答数 1

问题

JQuery下实现三张图片的自动播放 . 关于fadeIn()和fadeOut()的较原理的问题

杨冬芳 2019-12-01 19:41:21 1370 浏览量 回答数 1

问题

juqery添加class属性问题

a123456678 2019-12-01 20:21:40 847 浏览量 回答数 1

问题

怎么将jquery函数编程封装成插件形式?

小旋风柴进 2019-12-01 19:37:16 657 浏览量 回答数 1

问题

动态加载的html元素,添加的内联事件,非jquery,为什么第一次点击无效? - js报错

montos 2020-05-31 08:12:52 0 浏览量 回答数 1

回答

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="script/jquery_2_1_3/jquery-2.1.3.min.js"></script> <script> $(function(){ $('.modal-footer #secondary_search').on('click',function(){ console.log('#secondary_search click'); }); $('#appointForm ').on('click','#batch_secondary_search',function(){ console.log('#batch_secondary_search click'); }); $('#changeButton').on('click',function(){ console.log('changeButton'); $('#secondary_search').attr("id","batch_secondary_search"); }); }); </script> </head> <body> <from id="appointForm" onsubmit="javascript:return false;"> <div class="modal-footer"> <button id="secondary_search">ButtonA</button> </div> <button id="changeButton">Change[ButtonA]ID</button> </from> </body> </html> 在修改ID前点击按钮#secondary_search(ButtonA),将输出 #secondary_search click点击#changeButton按钮,修改原#secondary_search(ButtonA)按钮的ID为batch_secondary_search后,再点击ButtonA,将输出#secondary_search click和#batch_secondary_search click 我们看到原绑定到ButtonA事件一并被触发了,这是因为$('.modal-footer #secondary_search').on('click'执行后将click的回调函数绑定到ButtonA这个DOM元素上了,只要这个DOM元素存在,无论其属性怎么变化,只要可被点击,click回到函数就会被执行 而 $('#appointForm ').on('click','#batch_secondary_search'事件添加到#appointForm这个DOM元素上,利用事件冒泡机制,当#appointForm这个DOM元素下的子元素发生点击事件后,回去判断当前冒泡到的DOM元素是否符合#batch_secondary_search这个selector的要求,如果符合,绑定的事件回调函数就被执行,如果不符合,就会跳过这个DOM元素~~~

小旋风柴进 2019-12-02 02:27:58 0 浏览量 回答数 0

问题

怎么用jquery给几个相同的标签动态添加不同的id?我的代码如下,求各位大神帮帮忙

小旋风柴进 2019-12-01 20:16:44 3162 浏览量 回答数 1

问题

css scope解决方案

a123456678 2019-12-01 20:22:32 1072 浏览量 回答数 1

问题

jquery如何与ES6结合?

小旋风柴进 2019-12-01 19:34:09 1158 浏览量 回答数 1

回答

既然你有jQuery,为啥不用delegate呢好的谢谢哈, window.onload=function(){document.getElementById("subm").onclick=function(){alert("HelloWOrld");}} https://stackoverflow.com/questions/17080502/uncaught-typeerror-cannot-set-property-onclick-of-null 回复 @亚林瓜子:哈哈回复 @蛋炒饭加冰块:前端技术千千万万犹如海底深就这么收工吧试过都不可以耶,但是直接在append的那个button上加onclick=fun();然后在javascript写个fun函数就可以 没看到你代码不知道,有可能是,在你调用document.getElementById("subm").onclick的地方,ajax里面的append那些html的代码还没执行.虽然等append代码执行后.注意ajax是异步的.其他可能性就是id写错了. <divid="container"><divclass="text-area">文字<buttonclass="comment">评论</button></div></div> document.getElementById('container').onclick=function(e){if(e.target.classList.contains('comment')){console.log(e.target)}} 试试事件委托?回复 @不咬人:好的谢谢回复 @蛋炒饭加冰块:是会触发事件但是因为判断了e.target,所以只会点到类名包含'comment'的元素才会执行if内的语句,这样不管comment如何动态添加事件都会存在不用反复给comment添加事件这样的话我点击整个container都会触发事件吧 有评论框架吗?没有因为我是搞后台的最近想接触一下前端,不太了解。请问有专门的评论框架? 用jq里的on监听父元素点击,如果target是button就触发,都不需要button的id,如果原生就用addEventListener,总之就是事件委托,这样不但能监听动态添加的dom,还能减少绑定事件,不要用onclick 要是我我就这么写,将你要触发的事件封装成方法,在append的时候这么写<buttononclick='你的方法'>评论</button>

爱吃鱼的程序员 2020-06-07 22:37:31 0 浏览量 回答数 0

问题

写JQuery插件的基本知识:报错

kun坤 2020-06-09 23:27:01 0 浏览量 回答数 1

回答

1.bind()函数只能针对已经存在的元素进行事件的设置;但是live(),on(),delegate()均支持未来新添加元素的事件设置;2.bind()函数在jquery1.7版本以前比较受推崇,1.7版本出来之后,官方已经不推荐用bind(),替代函数为on(),这也是1.7版本新添加的函数,同样,可以 用来代替live()函数,live()函数在1.9版本已经删除;3.live()函数和delegate()函数两者类似,但是live()函数在执行速度,灵活性和CSS选择器支持方面较delegate()差些,想了解具体情况,请戳这: http://kb.cnblogs.com/page/94469/4.bind()支持Jquery所有版本;live()支持jquery1.8-;delegate()支持jquery1.4.2+;on()支持jquery1.7+; 

a123456678 2019-12-02 02:09:49 0 浏览量 回答数 0

问题

前端小白入门JQuery基础 【新手百问合集】

马铭芳 2019-12-01 20:09:05 6738 浏览量 回答数 5

问题

前端小白入门JQuery基础【新手百问合集】

游客886 2019-12-01 20:09:03 1237 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 SQL审核 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 人工智能 阿里云云栖号 云栖号案例 云栖号直播