关于字典的遍历: >>> dic = {"a":1, "b":2} 字典的遍历默认是只遍历主键: >>> for i in dic: ... ...print(i) ('a', 1) ('b', 2) 指定键和值一起遍历出来: >>> for key, value in dic.items(): ... ...print(key, value) ... a 1 b 2 —————————————————————————————————————————————————————— 打印结果时字符串使用的占位符:...a= 5 是普通方式 >>> print("这是:", a) 这是: 5 2.是使用最多的%s字符串占位符: >>> print("这是%s"%a) 这是5 3.是使用%d整数占位符,浮点数会向下取整转换成整数...>>> print("我是:%d"%(15)) 我是:15 4.还可以使用%f, 浮点数占位符,整数会转换成浮点数, %.xf 是精确到小数点后x位。
"); var btns2 = document.getElementsByClassName("btn"); //使用jQuery的形式获取 jQuery的形式获取到的元素都是一组元素 //命名的时候为了和...内置迭代 如果当前jquery对象代表多个dom标签 那么会将所有标签同时操作 // $input.val("aaaa") //由于返回值只能有一个 所以当前jquery对象代表对个标签获取值时..."background-color":"red"}); 3. jQuery和js对象之间的转换 jQuery对象只能使用jQuery中提供的函数或属性,同样的jQuery...中的遍历形式 数组、集合或json对象的遍历,jQuery中提供了新的更简洁的遍历形式 4.1 遍历节点 $(‘选择器’).each(function(index,element){}),该写法是用于遍历获取到的元素对象...事件绑定 js中的所有事件都是以on开头的,在jQuery中是都不加on的 5.1 ready事件 ready事件是jQuery提供的当DOM元素加载完毕后执行的函数 ready和onload的区别:
JQuery语法 (selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作...示例 (this).hide() - 隐藏当前元素("p").hide() - 隐藏所有段落 (".test").hide() - 隐藏所有 class="test" 的所有元素 JQuery选择器...,发生 focus 事件 blur() 当元素失去焦点时,发生 blur 事件 JQuery 效果 隐藏/显示 hide(speed,callback) show(speed,callback)...JQuery遍历 祖先 parent() 方法返回被选元素的直接父元素 parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 () parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素...其他 noConflict() 方法会释放对 标识符的控制,这样其他脚本就可以使用它了.noConflict(); jQuery(document).ready(function(){ jQuery
---- jQuery选择元素 DOM-Document Object Model 文档对象模型 以树状表示的文档模型 为了创建jQuery对象,就用使用$()函数。...函数接受CSS选择符作为参数,充当一个工厂,返回包含页面中对应元素的jQuery对象。...jQuery对象选择符有三种:标签名、ID、类 可以单独使用,也可以与其他选择符组合使用 元素选择器 jQuery 元素选择器基于元素名选取元素。...> **DOM = Document Object Model(文档对象模型)** DOM 定义访问 HTML 和 XML文档的标准: "W3C文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容...设置内容和属性 ### 设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: - text() - 设置或返回所选元素的文本内容 - html
/resource/jquery.js 或者针对某个目录下所有的js执行(慎用) 会深度遍历此目录里所有的js文件 然后压缩出.xmas.js后缀的结果文件 js2image -s ....这是jQuery开始的一段代码 可以看到 大部分操作符 都允许中间插入 任意多的空格或者换行 我们正是利用这一特性 将js代码解肢 然后拼接成任意形状的图片 核心代码 其实就是一个正则 我们用这个正则...这一步,我们做的工作就是: 在执行代码分拆之前,提取出代码里所有不可分割的语法,将他们保留在一个对象中,并且在源代码中用占位符替代这些语法,然后让占位符参与上个步骤的分离,因为占位符是一个完整的连字符变量...小数点语法,例如 0.01 因为之前我们用点号来分割代码的,但是这里的点号不能作为分割符使用,需要保留前后数字跟点号在一行 小数点语法,例如 0.01 因为之前我们用点号来分割代码的,但是这里的点号不能作为分割符使用...例如,判断出当前在双引号内,则进入字符串提取逻辑,一直到字符串结束的时候再继续正常的遍历。 其他操作符和正则表达式的算法也是类似,不过里面很多细节需要处理,例如转义字符之类的。
讲解JQuery对象和JavaScript对象的区别,一定要讲明白JQuery就是JavaScript的数组包装,讲解两者的转换方法 数组下标[index]和get(index)方法。...讲解each()方法的使用 第二阶段:操纵Form表单数据:本章通过向Form表单添加JSON数据和从Form表单中获取JSON数据来展示JQuery的选择器作用和属性操作。...,继而讲解怎么把这些名称放入到数组中; 5、将form表单中name属性的值和JSON数据中属性名称相同的元素的value设置成对应的JSON中的值 6、总结:使用的知识点:click事件,push()...JSON字符串 }); }); 1)先讲解怎么创建对象,对象属性及其赋值方法 2)选择所有form表单下带有【name】属性的元素,并进行遍历 3)如果是单选或是多选元素,要判断是否被选中,选中的将其值赋给对象的对应属性...JSON对象格式, input.width(td.width()).height(td.height());//设置输入框的宽度和表格一样,以上3句代码要等到第二步完善细节的时候再添加。
= [NSMutableDictionary dictionary]; // 设置富文本对象的颜色 attributes[NSForegroundColorAttributeName]...请看下文: 查看打印,找出可能的属性名称,试试便知; 完整代码:自定义的UITextField,获取到焦点(编辑状态)的时候是白色,失去焦点(非编辑状态)的时候是灰色: 方法三.将占位文字画上去...: //改变绘文字属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数,就不用调用super了. – placeholderRectForBounds: //重写来重置占位符区域...– drawPlaceholderInRect: //重写改变绘制占位符属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数,就不用调用super了 – borderRectForBounds...becomeFirstResponder]; } // 失去焦点 - (BOOL)resignFirstResponder { // 利用运行时获取key,设置占位文字的颜色 [
返回用户当前使用的浏览器的相关信息 $.contains() 判断另一个DOM元素是否是指定DOM元素的后代 $.each() 遍历指定的对象和数组 $.extend() 将一个或多个对象的内容合并到目标对象...实例解析 jQuery HTML 设置内容和属性 jQuery text(), html(), 和 val() – 设置内容 使用 jQuery text(), html() 和 val() 方法设置内容...jQuery text() 和 html() – 设置内容并使用回调函数 使用 text() 和 html() 设置内容并使用回调函数 jQuery attr() – 设置属性值 使用 jQuery...jQuery attr() – 设置属性值并使用回调函数 设置属性值 + 并使用回调函数调用attr()....– 设置 width() 和 height() 设置指定元素的 width 和 height 实例解析 jQuery 遍历 – 祖先 jQuery parent() 演示 jQuery parent
极大地简化了 JavaScript 编程 jQuery 库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改...AJAX Utilities 环境准备 在网页中使用 jQuery 可以使用以下方法: 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载...jQuery jQuery 所有版本下载地址 https://www.jq22.com/jquery-info122 引用在线 CDN 示例 <meta charset="UTF...基本语法结构 美元符号定义 jQuery 选择符(selector)”查询”和”查找” HTML 元素 jQuery 的 action() 执行对元素的操作 $(selector).action()...隐藏和显示 jQuery 提供了隐藏和显示元素的基本方法 hide() 隐藏元素 show() 显示元素 toggle() 切换显示和隐藏 示例 如果你点击“隐藏” 按钮,我将会消失
$ 可以用jQuery来代替,相当于原生js中的window 1.1.3 jQuery 对象和 DOM 对象 用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是 jQuery 对象...jQuery 对象是经过包装的dom对象(伪数组形式存储) jQuery对象才能使用jQuery方法,不能混用 1.1.4 jQuery对象和Dom对象转换 // DOM对象转换成jQuery对象...隐式迭代是对同一类元素做同一件事情,但是要做不同事情的话还是需要使用遍历 $('div').each(function(index, domEle) {}); 是dom对象不是jQuery对象,...需要转换成jquery对象才能使用方法 $.each(obj,function(index,domele){}) 可以用来遍历任何对象,主要用来做数据处理, var sum = 0; var arr...$("input").triggerHandler("focus");//不会获取焦点 6.1 jQuery 事件对象 和原生js的事件对象基本相同 阻止默认行为 : event.preventDefault
height(value) 为所有匹配的元素设置高度样式(可以是字符串或数字) offset() 获取元素的位置,返回的是一个对象,包含left和top属性 offset(properties) 利用对象设置元素的位置...要获取所有匹配元素的属性值,则需要配合jQuery提供的each()方法进行元素遍历。...若要为匹配到的元素添加和移除多个样式类名,则样式类名之间可使用空格进行分隔。 2.8 练习作业 折叠菜单 编写网页,设置CSS完成折叠菜单的结构和样式设置。...4 事件操作 4.1 常用事件 标签中通过属性设置事件,每个属性都由一个on和事件名组成。例如,点击事件对应的属性为onclick。 在jQuery中则可直接使用其提供的与事件类型同名的方法。...obj表示进行匹配的HTML元素对应的jQuery对象。 根据需要对jQuery对象的属性进行判断,并使用return返回匹配结果。
jQuery补充知识点 隐式迭代 基本概念 隐式迭代:jQuery在设置属性时会自动的遍历,因此我们不需要再遍历 jQuery在执行设置性操作时,会给所有的元素都设置上相同的值。...jQuery在执行获取性操作时,只会返回第一个元素对应的值。 如果想要给每一个元素都设置不同的值,需要手动进行遍历jQuery对象。...each方法 遍历jQuery对象集合,为每个匹配的元素执行一个函数 语法: // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素, 在function中this也表示当前元素。...设置操作的时候,可以使用链式编程。 获取操作的时候,无法使用链式编程。 end(); // 筛选选择器会改变jQuery对象的DOM对象,想要回复到上一次的状态,并且返回匹配元素之前的状态。...多库共存 jQuery使用$作为标示符,但是如果与其他框架中的$冲突时,jQuery可以释放$符的控制权. var c = $.noConflict();//释放$的控制权,并且把$的能力给了c jQuery
; }) }); $是在jQuery中使用的变量名,可以使用 jQuery.noConflict()避免冲突,它的返回值就是jQuery对象。...jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...从 DOM 对象转到 jQuery 对象: $(obj) 从 jQuery 对象转到 DOM 对象: obj[0] 比较正规地从 jQuery 对象到 DOM 的转换,是使用 jQuery 对象的 get...文本节点 .html().text() 设置和获取节点的文本值。设置时 .text()会转义标签,获取时 .text()会移除所有标签。 2....Deferred Deferred对象是在jQuery1.5中引入的回调管理对象。其作用是把一堆函数按顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX的所有操作都是使用它来进行封装的。
1. ref引用 1.1 ref引用 ref用来辅助开发者在不依赖jQuery的情况下,获取DOM元素或组件的引用。...当文本框展示出来之后,如果希望它立即获得焦点,则可以为其添加ref引用,并调用原生DOM对象的 .focus()方法即可。...是组件的占位符 通过is属性动态指定要渲染的组件名称 2.1 实现动态组件渲染 ...可以把插槽认为是组件封装期间,为用户预留的内容的占位符。 3.1 基础用法 在封装组件时,可以通过 元素定义插槽,从而为用户预留内容占位符。...-- 通过slot标签,为用户预留内容占位符(插槽) --> 这是MyCom1组件的最后一个p标签 <!
abcd */ 传输方式:get 传递参数:”fieldId=” + field.attr(“id”) + “&fieldValue=” + field.val() 额外参数:extraData 可以设置为字符串或对象...focusFirstField true 验证未通过时,是否给第一个不通过的控件获取焦点。...,也可以使用该属性来设置验证规则。...data-validation-placeholder 占位符 当位置为必填的控件验证时,值不能为空,也不能为占位符。...,1年售后保障,每天仅需1毛 【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
jQuery凭借简介的语法和跨浏览器的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发AJAX的操作。...版本 jQuery 1.0 (2006年8月):该库的第一个稳定版本,已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。...jQuery 1.3 (2009年1月):这一版使用了全新的选择符引擎Sizzle,库的性能也因此有了极大提升。这一版正式支持事件委托特性。...二、jQuery对象和DOM对象 2.1、DOM对象 使用JavaScript中的DOM API操作获得的元素对象叫DOM对象。...如果服务器需要HTTP认证,可以使用用户名和密码可以通过username和password选项来设置。 Ajax请求是限时的,所以错误警告被捕获并处理后,可以用来提升用户体验。
1 JQuery动画 JQuery有三种方式显示和隐藏元素: 1)默认显示和隐藏方式: --show([speed, [easing], [fn]]) --hide([speed...2 JQuery遍历 js的遍历方式是使用for循环,JQuery提供了三种遍历方式: 1)JQuery对象.each(callback):回调函数中的参数 index(索引) element(元素对象...解除绑定:JQuery对象.on("事件名称",回调函数)、JQuery对象.off("事件名称");注意:若off方法不传递任何参数,则会将组件上所有的事件解除; 3)事件切换toggle:JQuery...注意:JQuery1.9后该功能删除了,要使用的话引入jquery-migrate-1.0.0.js插件。 【练习案例1】:JQuery标准的绑定方式 <!......") // $("#name").focus();//让文本输入框获得焦点 //表单对象.submit();//让表单提交 });
jQuery的优点: 1. 隐式遍历,不需要使用for循环; 2. 找对象比较容易,非常灵活; 3. 处理兼容性问题比较好; 4....DOM对象与jQuery对象是两类不同的对象,所以: DOM对象不能调用jQuery的方法; jQuery对象也不能调用DOM对象的方法; 但是DOM对象和jQuery对象之间可以相互转换...原因:jQuery的隐式迭代导致 关于jQuery的隐匿迭代: jQuery进行设置操作时,会给符合条件的所有jQuery对象设置上相应的值;...end(); 筛选选择器会改变jQuery对象的DOM对象,想要回复到上一次的状态,并且返回匹配元素之前的状态. 3.2 each方法 jQuery的隐匿迭代会对所有的DOM对象设置相同的值,...jQuery noConflict() 该方法会释放对 $ 标识符的控制,这样其他脚本就可以使用它了.虽然释放了 $ ,但依然可以用jQuery来代替 $ 执行jQuery所有的功能.
最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。...).sortable({ axis: 'y', cursor: 'ns-resize', placeholder: "ui-state-highlight", // 排序过程中占位符的...class样式设置 forcePlaceholderSize: true, // 强迫占位符有一个尺寸大小。...// 拖动时使用的是clone的元素。如果值设置为"clone", 那么该元素将会被复制,并且被复制的元素将被拖动。...// 之所以不使用 helper: 'clone', 是因为clone的元素没有样式,所以我们需要自定义样式,所以使用了自定义函数。
jQuery使用同一个函数,来完成取值(getter)和赋值(setter)。到底是取值还是赋值,由函数的参数决定。...2 $.each() 遍历一个数组或对象。 3 $.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。...) 子元素获得焦点 7 .focusout() 子元素失去焦点 8 .hover() 同时为mouseenter和mouseleave事件指定处理函数 9 .keydown() 按下键盘...hide(),所有其他特效的默认执行时间都是400ms(毫秒),但是你可以改变这个设置。...; }//回调函数 8 ); .stop()和.delay()用来停止或延缓特效的执行。 $.fx.off如果设置为true,则关闭所有网页特效。