展开

关键词

使用jQuery.on方法解决ajax增加html元素获取不到问题

下班之前终于搞定了使用$.ajax增加动态元素获取不到问题,原来是使用.on方法(老版本是.live),这里记录一下,顺便赞一下jQuery,通过使用getJSON,.append,.empty等, 唯一一点就是版本太多了,最新版本支持浏览器对于中国用户来说是个噩梦。 我是用法
$('#parent').on("click", "#child", function() {});
//#parent是非ajax方式生成,#child是ajax回来数据 append到#parent
代码
$('#taskComments').on("mouseenter", "#taskComment", function(){

33420

riot.js教程【】访问DOM元素使用jquery、mount输入参数、riotjs标签生命周期

前文回顾 riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法; riot.js教程【一】简介; 访问DOM元素 你可以通过this.refs对象访问dom元素 而且还有大量属性简写方式可以使用 ,(有时候你需要对这些东西做一些特殊处理才能用) 使用Jquery 如果你想在riot标签内部访问dom元素 你可能需要了解一下riot标签生命周期相关知识 你会注意到,mount方法还没执行时候 ,dom元素是不会被创建 这就意味着,mount方法之前访问DOM元素,是不会成功 请看如下代码: <example-tag>

Do I even Exist? jquery是一点问题都没有的; 再看下面的代码(两种检索方式都是支持,第一种就是jquery检索DOM) <example-tag>

Do I even Exist ; 可以是一个简单object; 也可以是动态变化数据存储(flux store) 在标签内部,你可以使用如下方法访问这些输入参数 <my-tag> <!

48270
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery知识总结(最全 最精美)

    使用: <script src="<em>jquery</em>-3.5.1/<em>jquery</em>-3.3.1.min.js"></script> 注意: 如果<script> 在body前面,应该使用 jQuery 子代选择器 .one>.two 两个选择器使用>隔开,表示只能获取当前选中元素子代元素。 (没有子节点) selector:parent 获取所有已选择到元素非空元素(有子节点),如$("div:parent"); selector1:has(selector2 $('div:gt(2)') // 选择所有的div元素,除了个   $('div:animated') // 选择当前处于动画状态div元素 创建元素: 创建元素节点:var 作为它最后一个子元素 2) $A.appendTo(B) 将A追加到B末尾,作为它最后一个子元素 3) prepend() $A.prependTo(B)

    14120

    JavaScript学习笔记(四)—— jQuery入门

    : 不分元素类型 选择器 说明 :first-child 选择父元素第一个子元素 :last-child 选择父元素随后一个子元素 :nth-child(n) 选择父元素第n个或奇偶元素,n值为 "整数或odd或even" :only-child 选择父元素中唯一元素(该父元素只有一个子元素) 区分元素类型 选择器 说明 :first-of-type 选择同元素类型第一个子元素 :last-of-type 选择同元素类型随后一个子元素 :nth-of-type 选择同元素类型第n个或奇偶元素,n值为"整数或odd或even" :only-of-type 匹配父元素中特定类型唯一子元素(该父元素可以有多个子元素 ");//设置HTML内容 }); }); </script> 对元素值进行操作 在jQuery中,使用val()方法返回或设置被选元素value属性。 提供css()方法,用来获取或设置匹配元素一个或多个样式属性。

    20550

    JQuery常用命令

    :only-child 只有一个子元素元素 语法:$('li:only-child'); 12. 属性选择器 (1). 无法为后添加元素执行绑定 (2). on()函数第二种使用方法——委托给父元素进行事件代理 ①. $('parent').on('事件名称', '子元素选择器', fn) A. JQuery函数第部分:动画函数 — 隐藏和显示动画 隐藏和显示函数通过使用定时器修改目标元素 width / height / opcaity 个样式值来实现动画 (1). $(..). JQuery函数第部分:动画函数 — 折叠展开/收起动画 折叠展开/收起动画函数通过使用定时器修改目标元素height 一个样式值来实现动画: (1). $(..).slideUp( ) JQuery函数第部分:动画函数 — 淡入/淡出动画 淡入/淡出动画函数通过使用定时器修改目标元素 opacity 一个样式值来实现动画: (1). $(..).fadeIn( )

    18110

    JQuery简述、使用方法和选择器

    (javaScriptQuery)JavaScript 代码库 官方网站:http://jquery.com/ 3、目前 jQuery个大版本: 1.x:兼容ie678,使用最为广泛,官方只做 使用准备 ? JQ中常用选择器 一、基本选择器 1、id选择器 通过元素id获取相关元素 ? 2、元素选择器 获得body内相关元素,如div、input等 ? 3、类选择器 通过元素类名获取相关元素,eq()方法获取元素,下标从0开始 ? 4、通用选择器 找到每一个元素 ? 5、分组选择器 找到匹配任意一个类元素。 ? 二、层级选择器 1、ancestor descendant 在给定祖先元素下匹配所有的后代元素 ? 2、parent > child 在给定元素下匹配所有的子元素 ? 、子元素选择器 1、:nth-child 匹配其父元素第N个子或奇偶元素 ‘:eq(index)’ 只匹配一个元素,而这个将为每一个父元素匹配子元素

    15410

    JS和JQuery获取当前元素兄弟及父级等元素方法

    jQuery获取jQuery.parent(expr),找父亲节点,可以传入 expr 进行过滤,比如 $("span").parent() 或者 $("span").parent(".class" ) jQuery.parents(expr),类似于 jQuery.parents(expr) ,但是是查找所有祖先元素,不限于父元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接孩子节点 ,而 jQuery.find(),返回结果,不会有初始集合中内容,比如 $("p").find("span") ,是从

    元素开始找 ,等同于 $("p span") JS获取: ;   //获得s最后一个子节点 JS获取节点父级,子级元素:JS方法会比JQUERY麻烦很多,主要则是因为FF、谷歌浏览器会把你换行也当作DOM元素:空text元素,目前IE也是这样

    原生JS获取ID为test元素元素

    4.8K10

    与Ajax同样重要jQuery(1)

    多个选择器同时使用 selector1,select2 例如 : $("#xxid ,.xxxclass") 同时选择id 和 class匹配两类元素 练习1: ² 通过each() 在每个div元素内容 ancestor元素下边所有元素 $("form input") parent > child 获取parent元素下边所有直接child 子元素 $("form > input") prev + next 获取紧随pre元素后一个兄弟元素 $("label + input") prev ~ siblings 获取pre元素后边所有兄弟元素 $("form ~ input") 练习2: ² 将 $("div:has(p)").addClass("test"); 含有p子元素div :parent 选取含有子元素或文本节点元素 $("td:parent") 所有不为空td元素选中 练习4: 区别 eq :first-child 选取第一个子元素 :last-child 选取最后一个子元素 :only-child 选取唯一子元素,它元素只有它这一个子元素 练习7: ² 选择id属性mytable

    57760

    Web前端JQuery面试题(一)

    :contains :empty :has :parent 匹配包含给定文本元素 匹配所有不包含子元素或者文本元素 匹配含有选择器所匹配元素元素 匹配含有子元素或者文本元素 5.可见性选择器 *= value] 匹配有包含某些值特定元素 [selector1][selector2] 同时满足多个条件使用 $("div[id]");

    <div :first-child 匹配每个父元素第一个子元素 :last-child 匹配每个父元素最后一个子元素 :only-child 匹配父元素中只有唯一元素,如果父元素中有多个子元素,就不会被匹配 children(); 获取元素 find(); 用于查找表达式 next(); 获取下一个元素 nextAll(); 获取下一个所有元素 parent(); 获取元素 parents(); 获取所有匹配元素祖先元素集合 prev(); 获取一个元素 prevAll(); 获取之前所有同辈元素 siblings(); $("div").siblings() add(); $("p").add("span") $("

    26520

    jQuery9个选择器

    选择器是 jQuery 最基础东西,本文中列举选择器基本上囊括了所有的 jQuery 选择器,也许各位通过这篇文章能够加深对 jQuery 选择器 理解,它们本身用法就非常简单,我更希望是它能够提升个人编写 jQuery 代码效率。 属性来获取元素 2、层级选择器(重点) ancetor descendant :选取祖先元素所有后代元素(多级) parent >  child :选择父元素所有子元素(一级) prev +   :empty:获取内容为空元素 :has(selector) :获取内容包含指定选择器元素 :parent获取内容不为空元素(特殊) 5、可见性选择器 :hidden:获取所有隐藏元素 :visible :nth-child(index/even/odd) 从 1 算起,匹配子元素等于 index/even/odd 元素 :first-child :获取第一个子元素 :last-child :获取最后一个子元素

    30520

    jquery要怎么写才能速度最快?(转…

    个版本jQuery测试,看看浏览器在1秒内能够执行多少次。 可以看到,ID选择器遥遥领先,然后是标签选择器,第是Class选择器,其他选择器都非常慢。 3. 理解子元素和父元素关系 下面六个选择器,都是从父元素中选择子元素。 (1)$('.child', $parent) 这条语句意思是,给定一个DOM对象,然后从中选择一个子元素。 它比最快形式大约慢50%。 (4)$('#parent > .child') jQuery内部使用Sizzle引擎,处理各种选择器。 为了获取这个属性,必须连续两次调用jQuery,第一次是$(this),第二次是attr('id')。 事实上,这种处理完全不必要。

    44730

    jQuery最佳实践

    这里是条最常见jQuery选择语句: $('.elem') $('.elem', context) context.find('.elem') 我们用1.4.2、1.4.4、1.6.2个版本jQuery 可以看到,ID选择器遥遥领先,然后是标签选择器,第是Class选择器,其他选择器都非常慢。 3. 理解子元素和父元素关系 下面六个选择器,都是从父元素中选择子元素。 (1) $('.child', $parent) 这条语句意思是,给定一个DOM对象,然后从中选择一个子元素。 它比最快形式大约慢50%。 (4) $('#parent > .child') jQuery内部使用Sizzle引擎,处理各种选择器。 为了获取这个属性,必须连续两次调用jQuery,第一次是$(this),第二次是attr('id')。 事实上,这种处理完全不必要。

    20920

    jQuery最佳实践

    这里是条最常见jQuery选择语句:   $(‘.elem’)   $(‘.elem’, context)   context.find(‘.elem’) 我们用1.4.2、1.4.4、1.6.2个版本 可以看到,ID选择器遥遥领先,然后是标签选择器,第是Class选择器,其他选择器都非常慢。 3. 理解子元素和父元素关系 下面六个选择器,都是从父元素中选择子元素。 (1) $(‘.child’, $parent) 这条语句意思是,给定一个DOM对象,然后从中选择一个子元素。 它比最快形式大约慢50%。 (4) $(‘#parent > .child’) jQuery内部使用Sizzle引擎,处理各种选择器。 为了获取这个属性,必须连续两次调用jQuery,第一次是$(this),第二次是attr(‘id’)。 事实上,这种处理完全不必要。

    24130

    jQuery最佳实践

    个版本jQuery测试,看看浏览器在1秒内能够执行多少次。 可以看到,ID选择器遥遥领先,然后是标签选择器,第是Class选择器,其他选择器都非常慢。 3. 理解子元素和父元素关系 下面六个选择器,都是从父元素中选择子元素。 (1) $('.child', $parent) 这条语句意思是,给定一个DOM对象,然后从中选择一个子元素。 它比最快形式大约慢50%。 (4) $('#parent > .child') jQuery内部使用Sizzle引擎,处理各种选择器。 为了获取这个属性,必须连续两次调用jQuery,第一次是$(this),第二次是attr('id')。 事实上,这种处理完全不必要。

    47960

    【收藏】JavaScript DOM操作简易速查手册

    虽然JQuery更便利,但我还是喜欢用原生API。 2 文档元素选取 2.1 ID选择器 通过ID选取元素是最简单和常用选取元素方法,ID选择器性能优于其它选择器。 var next = node.nextElementSibling; 查看示例程序 3.2.5 一兄弟元素-previousElementSibling 返回一兄弟元素。 var innerHTML = parent.innerHTML; // 获取节点内容 parent.innerHTML = "

    三十课

    "; //替换节点内容 查看示例程序 var outerHTML = parent.outerHTML; // 获取节点及内容 parent.outerHTML= "

    三十课

    "; //替换节点及其内容 查看示例程序 parent.appendChild(h2); 查看示例程序 7.2 节点插入-insertBefore 在父节点上调用本方法 第一参数表示待插入节点 第二参数是父节点中已经存在子节点,新节点插入到该节点前面

    21420

    Web前端JQuery面试题(二)

    通过jquery自身方法获取页面元素对象,就是jquery对象。 匹配给定元素,合并一起 层次选择器: ancestor descendant 根据祖先元素匹配所有后代元素 祖先和后代关系 parent > child 根据父元素匹配所有的子元素 父子关系 ) 获取包含给定文本元素 :empty 获取所有不包含子元素或文本元素 如:

    :has(selector) 获取含所选择器所有元素 :parent 获取含有子元素或文本元素 *= value] 匹配有包含某些值特定元素 [selector1][selector2] 同时满足多个条件使用元素过滤选择器: :nth-child 从1开始,匹配每个父元素下第n个元素 :first-child 匹配每个父元素第一个子元素 :last-child 匹配每个父元素最后一个子元素 :only-child 匹配父元素中只有唯一元素,如果父元素中有多个子元素,就不会被匹配

    26030

    jQuery学习笔记

    jQuery大部分功能需要根据文档DOM模型来工作,首先需要正确地解析到整个文档DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。 ; }) }); $是在jQuery使用变量名,可以使用 jQuery.noConflict()避免冲突,它返回值就是jQuery对象。 jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间转换 使用 $()得到是一个jQuery对象。 ) :focus 获取焦点元素 :first-child/:last-child 选择第一个/最后一个元素 :first/:last 截取第一个/最后一个符合条件元素 ("pre+next") 直接兄弟元素 仅有一个子元素元素 :empty 空元素,即无内容也无元素 :parent 非空元素 节点漫游 1.

    7320

    JQuery选择器和JQuery包装集

    JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象方式, 可以获取几乎任何语意对象, 比如”拥有title属性并且值中包含test 在DOM编程中我们只能使用有限函数根据id或者TagName获取DOM对象。 而在JQUERY中则完全不同,JQUERY提供了异常强大选择器用来帮助我们获取页面上对象,并且将对象以JQUERY包装集形式返回。 "$"符号在JQUERY中代表对JQUERY框架集引用。 [i].innerHTML = 'div' + i;//通过索引访问到元素不是JQuery对象,而是DOM对象} JQuery包装集 在此介绍一些基本JQuery包装集及使用 ready()方法 >

    ] 其他 使用is()方法查找段落元素中每个类名为selected元素(带返回值true/false): 使用var flagValue = $("p").parent().is

    21720

    JQuery最全常用方法指南

    slice(start, [end]) 从匹配元素集合中取得一个子集,和内建数组slice方法相同。 add(expr) 把与表达式匹配元素添加到jQuery对象中。 .innerHTML; 3、如何获取jQuery集合某一项 对于获取元素集合,获取其中某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回jquery对象,而 对于jquery对象只能使用jquery方法,而dom对象只能使用dom方法,如要获取个 < div > 元素内容。 ,我们无需在html元素上直接写事件,而可以直接为通过jquery获取对象添加事件。 = ['#f00', '#0f0', '#00f'][i] }) //为个不同p元素单击事件分别设定不同处理 jQuery中几个自定义事件: (1)hover(fn1, fn2):一个模仿悬停事件

    8720

    相关产品

    • 弹性网卡

      弹性网卡

      弹性网卡(ENI)是绑定私有网络内云服务器 的一种弹性网络接口 ,可在多个云服务器间自由迁移。您可以在云服务器上绑定多个弹性网卡 ,实现高可用网络方案;也可以在弹性网卡上绑定多个内网 IP ,实现单主机多 IP 部署...

    相关资讯

    热门标签

    扫码关注腾讯云开发者

    领取腾讯云代金券