zepto中给不存在的元素设置样式并绑定事件的坑

在移动端使用zepto选择器时，一般如果元素不存在会返回一个空的zepto对象。

zepto在设置元素样式时，提供了两个入参方式，一种键值对方式$(".ter").css({"height":100})，一种普通入参$(".ter").css("height",100); 使用前者设置样式时，如果元素不存在则返回undefined，使用后者的话则返回一个空的zepto对象。这种情况会在使用连式操作时有区别。上一步返回的是undefined的话，继续级联操作会有异常。

时间： 2024-10-29 07:35:25

zepto中给不存在的元素设置样式并绑定事件的坑的相关文章

【温故而知新-Javascript】为DOM元素设置样式

1. 使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式. 1.1 获得样式表的基本信息第一步是获得定义在文档中的样式表的一些基本信息. <!DOCTYPE html> <html lang="en"> <head> <meta charse

【使用 DOM】为DOM元素设置样式

1. 使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>为DOM元素设置样式</title> <style title="core st

Android中ActionBar以及menu的代码设置样式

Android中ActionBar以及menu的代码样式如何设置?今天麦子学院android开发老师主要介绍Android中ActionBar以及menu的代码设置样式,,有需求的朋友可以参阅下 menu有些xml代码 http://schemas.android.com/apk/res/android"> <="" div=""> android:title="查找1" android:orderInCategory

Windows Phone 为指定容器内的元素设置样式

在Windows Phone中设置元素样式有多种拿TextBlock来说 1.我们可以直接在控件上设置: <TextBlock Text="自身样式设置" Width="270" FontSize="20" Foreground="#FF6B6A6A"/> 2.也可以这样:在页面的静态资源中设置 <phone:PhoneApplicationPage.Resources> <Style Targ

JQuery中动态生成元素的绑定事件（坑死宝宝了）

今天在做项目的时候,遇到了一个前端的问题,坑了我好长时间没有解决,今天就记录于此,也分享给大家. 问题是这样的,首先看看我的界面,有一个初始印象: 下面是操作列所对应的JS代码: { "data": function (datas) { return "<a data-url='/Device/Edit?id=" + datas.Id + "' data-toggle='modal' class='btn btn-sm btn-default btn

.net 给前台元素设置样式

this.box.Attributes["style"] = "display:block"; this.box.Attributes.Add("style", "display:block"); <div class="box" id="box" runat="server"> </div>

js学习总结----设置元素的样式值setcss

在JS给元素设置样式属性值,我们只能通过curEle.style[attr] = value 这种方式给元素设置行内样式下面封装一个给当前元素的某一个样式属性设置值的方法(增加在行内样式上的):setCss() function setCss(curEle,attr,value){ //在JS中设置float样式值也需要处理兼容 if(attr==="float"){ curEle["style"]["cssFloat"] = value; c

【JS 设计模式】门面模式之DOM元素绑定事件

门面模式的作用:一是简化类的接口,通过用一个接口(函数或方法)来封装复杂的逻辑代码从而客户端可以使用一个接口来调用它:二是消除类与使用它的客户代码之间的耦合,使客户代码和复杂的逻辑代码分离,也就是耦合: ?在何种情况下会使用:1)为一个复杂子系统提供一个简单接口.2)提高子系统的独立性.3)在层次化结构中,使用Facade模式定义系统中每一层的入口,使它们各尽其责. 用绑定事件来举例门面模式,IE浏览器和其它(火狐.谷歌)浏览器在对html元素绑定事件上是有区别的. ie绑定代码: var bu

通过JS动态的修改HTML元素的样式和增添标签元素等

一. 通过JS动态的修改HTML元素的样式 1. 要想在js中动态的修改HTML元素的样式,首先需要写document, document我们称之为文档对象,这个对象中保存了当前网页中所有的HTML标签代码写法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>51-自定义原型对象</title>