js进阶 11-17 juqery如何查找一个元素的同级元素 一.总结 一句话总结:三个方法,向前(prev()),向后(next())和兄弟(siblings()),而前面两个每个都对应三个,prev(),prevAll(),prevUntil(). 1.jquery中某个功能的一般延伸方法有哪些,比如向前找兄弟? prev(),prevAll(),prevUntil() prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选). prevAll() 获得匹配元素集合…
js进阶---12-11.jquery如何给动态创建出来的元素绑定事件 一.总结 一句话总结:通过事件委托的方式,通过on方法 1.on方法在事件绑定的时候,data方式带额外参数时,字符串参数和其它参数的使用不一样,为什么? 因为字符串参数默认会被当成动态生成元素的事件绑定方法,所以需要在前面添加参数null. 64 $('#btn1').on('click',null,'div',function(e){ 65 alert('事件绑定'+e.data) 66 }) 对比一下额外参数的json…
js进阶 9-11 select选项框如何动态添加和删除元素 一.总结 一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列表 Select 对象集合 options[]返回包含下拉列表中的所有选项的一个数组 Select对象属性 length返回下拉列表中的选项数目 multiple 设置或返回是否选择多个项目. selectedIndex 设置或返回下拉列表中被选项目的索引号. size 设置或返回下拉列表中的可见行…
js进阶正则表达式方括号(方括号作用)(js正则是在双正斜杠之中:/[a-z]/g) 一.总结 方括号:范围 圆括号:选 大括号:数量 1.js正则是在双正斜杠之中: var reg2=/[a-z]/g 2.字符串点replace: str2.replace(reg,'') 二.js进阶正则表达式方括号 方括号用于查找某个范围内的字符: 表达式 描述 [abc] 查找方括号之间的任何字符. [^abc] 查找任何不在方括号之间的字符. [0-9] 查找任何从 0 至 9 的数字. [a-z] 查…
input { /*设置边框*/ border:1px solid #95B8E7; border-radius: 5px; /*设置圆角,IE不兼容*/ height:18px } placeholder="在此输入...“ 这个是输入框的属性设置一下就可以 ("#txt_begEND_DATE").siblings('span').eq(0) JS:找到当前元素的同级元素的第一个…
js进阶 11-16 jquery如何查找元素的父亲.祖先和子代.后代 一.总结 一句话总结:过滤或者查找的方法里面可以带参数进行进一步的选择. 1.parent()和parents()方法的区别是什么(父亲和祖先)? parent()找父亲,parents()找祖先 父亲只有一个,所以是单数,祖先就有很多个了,所以是复数 parent() 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选). parents() 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选). 34…
js进阶 11-19 jquery如何查找选择器的第一个父亲元素和第一个定位的父元素 一.总结 一句话总结:closest()方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上.offsetParent()获得用于定位的第一个父元素. 1.closest()和parents()的主要区别是什么? 1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找:2,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选…
js进阶 11-9/10/11 jquery创建和插入节点 一.总结 一句话总结: 1.jquery插入节点8个方法? 内部之前,内部之后,之前,之后:各两个 append()和appendTo() append() 方法在被选元素的结尾插入指定内容. 语法1:$(selector).append(content) 语法2:$(selector).append(function(index,html)) appendTo()跟append()类似,作用都是在所选元素内部的“末尾”插入内容. 语法…
js进阶 12-8 如何知道上一个函数的返回值是什么(如何判断上一个函数是否执行成功) 一.总结 一句话总结:event的result属性即可. 1.event的result属性的实际应用场景是什么? 通过上一个函数传过来的值判断,如果成功就怎么样,如果失败就怎么样. 21 $('#btn1').click(function(){ 22 // return 100 23 return true 24 }) 25 $('#btn1').click(function(e){ 26 // alert(…
js进阶解决浏览器缓存不能自动更新的问题(在ajax的url上带上一个参数,可以是日期,或者是随机数)(随机数Math.random)(取得日期的毫秒数:new Date().getTime();) 一.总结 js中的随机数Math.random js中取得日期的毫秒数:new Date().getTime(); 二.js进阶解决浏览器缓存不能自动更新的问题 ajax1.js function ajax(url,funSucc,fnFaild){ var xhr=new XMLHttpReque…