1.innerHTML 这个大家一定都很熟悉,可读可写,修改元素内容相当快捷方便,在兼容问题上可以参考W3Help中一个知识记录。 2.outerHTML 此方法可以用于对元素自身的快速替换,比如: 代码如下: Hello, I am a demo $(hello).outerHTML = Hello, I am a replacement; 遗憾的是,firefox目前还不支持(我当前用firefox8),其他浏览器支持的还不错,在ff中可以用innerHTML来模拟实现。 3.documentFragment DocumentFragment能实现高效率...
语法: empty() remove(expr); empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除,如: html 代码如下: 此标签的使用empty方法删除 以下的标签将被删除 准备使用remove方法删除 准备使用remove方法删除 准备使用remove方法删除 javascript 代码如下: $(function(){ $("#emptyTest").empty().append("hello"); $("p").remove(".emptyTest"); }) JavaScript教程/参考手册 JavaScrip...
首先这个元素position为fixed top为(clientHeight-elem.offsetHeight)/2(即元素在浏览器的中间,这个是固定的) left为(clientWidht-主体宽度)/2+主体宽度+左边距,左边距可以设为正数,也可以为负数,如果为负数时的绝对值 等于 主体宽度+elem.offsetWidht,那么元素就刚好浮动在页面主体的左边,设置为0时,刚好浮动在页面主体的右边 但是万恶的ie6不支持css中fixed属性,好在ie6可以通过expresion表达式来解决,万事大吉 具体看代码...
一、判断文本是否为空 代码如下: var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab。如果这些空白字符在字符串中间发生时,它们将被保留。 jqObj.hide(); } 二、判断这个标签下是否有某个已知的元素,比如判断ul标签下是否有li元素 代码如下: var jqObj = $(this); if(!jqObj.has(li).length){ jqObj.hide(); }
原理很简单,通过本地存储机制(userData或者localStorage),存储表单中元素的状态到本地. 需要时可以把所存储的状态还原到表单元素上. 其中也用了json数据格式, 之前想对插件中所需的功能,从零开始写,但是觉得太冗余,没必要.就基于另外2个plugin现实. 分别是:jquery.json 和 jStorage. 这两个插件本身实用小巧, api简单易用, 其中jStorage在老一点的浏览器(不支持原生JSON操作)中需要用到jquery.json或者json2 formStorage对jQuery对...
代码如下: $(document).ready(function(){ function show(){ var mydate=new Date(); var str = "" + mydate.getFullYear() + "年"; str += (mydate.getMonth() + 1) + "月"; str += mydate.getDate() + "日 "; str += mydate.toLocaleTimeString(); str += ":" + mydate.toLocaleTimeString(); str += ":" + mydate.getMilliseconds() + " 星期"; str += "天一二三四五六".charAt(mydate.getDay()) + "今年是闰年吗?:"; str +=...
用JQUERY增删元素JQuery有增加和删除元素的方法。主要分为内部插入,外部插入,包裹,替换,删除。内部插入主要方法:append(content) 向每个匹配的元素内部追加内容。prepend(content) 向每个匹配的元素内部前置内容。外部插入:after(content) 在每个匹配的元素之后插入内容。before(content) 在每个匹配的元素之前插入内容。删除:empty() 删除匹配的元素集合中所有的子节点。remove([expr]) 从DOM中删除所有匹配的元素。下面的...
上个月研究学习了《js判断一个元素是否为另一个元素的子元素》,感觉还挺好用,但是在jQuery应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展: 代码如下: //判断:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:当前元素是否是被筛选元素的子元素或者...
当然方法有很多,不过个人认为通过判断一个元素是否为另一个元素的子元素是最简单的实现方式之一。 废话少说直接上方法: 代码如下: function isParent (obj,parentObj){ while (obj != undefined && obj != null && obj.tagName.toUpperCase() != BODY){ if (obj == parentObj){ return true; } obj = obj.parentNode; } return false; } 查看demo:http://demo.jb51.net/js/2012/isParent/ 感谢hafeyang的留言,js判断一个元素...
这是sina同事xiaoniu发现的,如下 代码如下: var str = '02E503E2A1C011CFC85B7B701A0677EC0900000000000001'; function bySelector(id) { return document.querySelector('#'+id); } function byId(id) { return document.getElementById(id); } alert(bySelector(str)); alert(byId(str)); 两个函数bySelector,byId分别通过querySelector和getElementById获取元素. 页面上有id为“02E503E2A1C011CFC85B7B701A0677E...
DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function的方式就不够用了,但是浏览器有addEventListener和attachEvent方法可供调用,从而模拟出类似于C#中的事件委托的事件触发机制! 代码如下: /* * 功能:事件处理 * Author:LQB * 时间:2009-1-4 * #include JCore.j...
1.获取元素 getElementById()方法,通过元素的id获取元素,接受一个参数即要获取元素的id,如果不存在这个id返回 null 注意不要让表单元素的name和别的元素的id相同,IE8以下的IE浏览器用这个方法通过元素的name属性可以获得该元素 以下面元素为例 这里是id为“myDiv”的div内容var document.getElementById("myDiv"); //"myDiv"区分大小写,取得元素的引用 getElementsByTagName()方法,通过元素的标签名获得元素,接受一个参数即...
本节html以下面的为例 代码如下: 百度 1.通过HTMLElement类型(对象)的属性获得和设置元素特性 代码如下: var div = document.getElementById("myDiv"); var img = document.getElementById("img1"); var a = document.getElementById("myA"); //取得元素特性 alert(div.id); //"myDiv" alert(div.className); //"bd",这里不是div.class,是因为class是保留关键字 alert(div.title); //"我是div" alert(a.href); //http://...
完整测试代码: 代码如下: jQuery遍历同id元素,并响应消息 $(document).ready(function(){ $("[id=test]").each(function(){ $(this).click(function(){ $(this).val('被单击'); alert('触发了单击消息!'); }); }); }); JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路...
核心代码: 代码如下: $("#result").text(isOverlap("one","two")+","+isOverlap("one","three")+","+isOverlap("two","three")); function isOverlap(idOne,idTwo){ var objOne=$("#"+idOne), objTwo=$("#"+idTwo), offsetOne = objOne.offset(), offsetTwo = objTwo.offset(), topOne=offsetOne.top, topTwo=offsetTwo.top, leftOne=offsetOne.left, leftTwo=offsetTwo.left, widthOne = objOne.width(), widthTwo = objTwo.wid...