随笔分类 - JavaScript/Jquery
摘要：一般动态创建元素可以通过两种方式1、Dom HTml varselect=document.createElement("select");select.options[0]=newOption("加载项1","value1");select.options[1]=newOption("加载项2","value2");select.size="2";testDiv.appendChild(select);});通过document的createElement方法创建，然后通过
阅读全文
摘要：1、获取指定条件一致的元素(.filter("条件")) 如：jQuery(function($){ $("ul li").filter("li[id!=cc]").css("color","red"); }) 获取li中id不等于cc的元素2、获取指定范围的元素(.slice(startindex,endindex)) $("ul li").slice(1,3).css("color","red");3、获取与条件表达式一致的元素(i
阅读全文
摘要：名称说明举例:nth-child(index/even/odd/equation)匹配其父元素下的第N个子或奇偶元素':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！ 可以使用: nth-child(even) :nth-child(odd) :nth-child(3n) :nth-child(2) :nth-child(3n+1) :nth-child(3n+2)在每个 ul 查找第 2 个li: $("ul li:nth-child(2)"):first-child匹配第
阅读全文
摘要：近期，发现有部分客户的网站在IE8这个浏览器显示有些不正常，主要表现在利用css+div做的网站页面不能居中的问题。IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中了，自己人策划公司的技术人员经过认真，仔细的分析，终于找到了能让网页在IE8下居中的办法：把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。 程序代码 <style type="text/css"> body{text-align:center;width:100%;} #wrap{ tex
阅读全文
摘要：语法：clone()clone(true)用来复制元素和事件，只负责复制，如果要插入到指定位置，需要用到appendTo或prependTo等方法。例子：<headrunat="server"><title>无标题页</title><scriptsrc="js/jquery-1.6.min.js"type="text/javascript"></script><scripttype="text/javascript">$(function(){
阅读全文
摘要：语法：empty()remove(expr);empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除，如：html<div><pid="emptyTest">此标签的使用empty方法删除</p><p>以下的标签将被删除</p><pclass="emptyTest">准备使用remove方法删除</p><pclass="emptyTest">准备使用remove方法删除</p><pclass
阅读全文
摘要：在jquery中，我们可以通过replaceWith（）和replaceAll（）方法来替换元素中的节点。语法格式：replaceWith（content） 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。 replaceAll（selector） 替换指定的selector元素。示例：在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容1<scripttype="text/javascript">2$(function(){3$("#Span1").replaceWith("<s
阅读全文
摘要：一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：View Code <divid="content"><p>在我的后面追加一条新闻</p></div>Javascript:View Code <scripttype="text/javascript">jQuery(function(){//在元素内部追加内容$("#content").append("<p>姚明退役了...<
阅读全文
摘要：html和innerHTMl是一样的，可以获得和设置html标签+文本如：设置值：$("p").html("<span style='font-size:13px;color:red'>HTML标签+文本</span>"); 获得值：$("p").html(); text和innerText是一样的，可以获得和设置文本如：设置值：$("p").text("HTML标签+文本"); 获得值：$("p").text(); val和value
阅读全文
摘要：在应用程序的开发中，有些输入信息是动态的，比如我们要注册一个员工的工作经历，比如下图如果做成死的，只能填写三个，如果是四个呢？或者更多呢，那不是添加不上去了吗，所以这样固然不好，我们可以用动态添加表格行实现，如下图，添加一行，输入一行信息，这样比较灵活下面我们就来看看如何在asp和asp.net中结合javascript来实现这种效果： 首先，动态添加表格是要在前台实现的，当然后台也可以，不过可能要用到ajax，很麻烦，所以最好采用javascript来实现，下面来介绍动态添加表格行的两种方式：第一种：源码Javascript:View Code <scripttype="te
阅读全文
摘要：html代码View Code <body><formid="form1"runat="server"><span>dfdfdf</span><label>子节点</label><inputtype="text"value="背景变成红色"/><fieldset><label>孙节点</label><inputtype="text"value="背景变成红色&q
阅读全文
摘要：我们在很多时候需要控制输入框的输入限制，比如注册的时候，限制只能输入数字，日期等，当然，限制方式很多，今天介绍一种通过js来实现的一种即时控制限制，也就是在你输入的时候就给予限制： 也就是163邮箱注册的时候，那个日期控制的效果，那么怎么实现呢，其实很简单，看个例子，比如我们想来控制InputText的框中只能输入数字，那么只要使用onkeyup事件来完成就可以了 <input id="inputText" onkeyup="value=value.replace(/[^\d]/g,'')" />带小数点<input t
阅读全文
摘要：临时写的：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style type="text/css">#main div{position:absolute;width:220p
阅读全文
摘要：每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。一、简化代码JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的： var car = new Object();car.colour = 'red';car.wheels = 4;car.hubcaps = 'spinning';car.age = 4;下面的写法可以达到同样的效果：var car =
阅读全文
摘要：一直以来，JS前端代码因为必须经过IE明文解析，某些加密的JS如：JScript.Encode也因为树大招风，早就被人破解了。还有些加密的手段，通过复杂的变换，改变源码，但最终都逃不脱最后的审判，像unescape,document.write,eval语句来还原。对于JS代码的保护，最好的手段就是混淆，混淆的目的就是让读懂代码的成本比直接写代码的成本高，混淆不是不可破解的，只是增加破解成本,JAVA,C#的加密都是采用混淆。这样对于非常核心的代码，混淆起不到保护代码的作用 站长工具有一个在线js混淆工具，通过它，我们可以直接把写好的js代码通过工具混淆一下，起到保护的作用，比如： func.
阅读全文
摘要：//检查表单元素是否为空function check(Form){ for (i=0;i<Form.length;i++){ if(Form.elements[i].value == "") { //Form的属性elements的首字e要小写 alert(Form.elements[i].name + "不能为空!"); Form.elements[i].focus(); //指定表单元素获得焦点 return; } } Form.submit();}调用<form name="form1" method="p
阅读全文
摘要：最新弄了个asp的软件，提交表单有点生疏了，下面总结了一下通过button和sumbit两种方式来提交表单： sumbit提交表单View Code <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><scripttype="text/javascript">functioncheckForm(){if(document.form1.userName.value.le
阅读全文
摘要：1 从集合中通过指定的序号获取元素html：View Code <div><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p></div>JSView Code <scripttype="text/javascript">jQuery(function(){$("p
阅读全文
浙公网安备 33010602011771号