随笔分类 -  JavaScript/Jquery

该文被密码保护。
posted @ 2011-07-02 11:10 双魂人生 阅读(0) 评论(0) 推荐(0)
摘要:通过过滤器可以获取特定的表单元素,如非输入项目或者单选按钮的已选项目等元素,可用的 :enable 获取可输入状态的元素 :disabled 获取不可输入状态的元素 :checked 获取选中的表单元素 :seleced 获取下拉框中选中的元素 下面看一粒例子 Html <body><formid="form1"runat="server"><div><ul><li><label>订单号码:</label><inputtype="text"dis 阅读全文
posted @ 2011-06-30 17:45 双魂人生 阅读(600) 评论(0) 推荐(0)
摘要:1:实现"另入收藏"功能的代码如下:<ahref="javascript:window.external.AddFavorite('http://www.chinesedragon.com.cn','中国龙')">加入收藏</a>你只需将链接与站名改为你自己的站名即可.如果你要实现鼠标划过时即提示是否加入收藏,只需将代码改为:<aonmouseover="window.external.addFavorite('http://www.chinesedragon.com.cn& 阅读全文
posted @ 2011-06-27 12:47 双魂人生 阅读(7409) 评论(0) 推荐(0)
摘要:表单验证需要获得表单元素,下面是获取表单元素的方法 例子: View Code <htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scriptsrc="js/jquery-1.6.min.js"type="text/javascript"></script><scripttype="text/javascript&q 阅读全文
posted @ 2011-06-14 18:15 双魂人生 阅读(3298) 评论(0) 推荐(0)
摘要:通过过滤器("滤镜"),主要用来获取集合性的元素,尤其适用于需要操作的列表或表标签的情况下,通过("元素名:过滤器名")来使用这种方法html代码View Code <ul><li>第0个li元素变为红色</li><li><h1>第1个li元素不变色</h1></li><li>第2个li元素不变色dd</li><li>第3个li元素不变色</li><li>第4个li元素不变色</li><li&g 阅读全文
posted @ 2011-06-11 11:08 双魂人生 阅读(5594) 评论(1) 推荐(0)
摘要:js去掉字符串的空格//去左空格;functionltrim(s){returns.replace(/(^\s*)/g, "");}//去右空格;functionrtrim(s){returns.replace(/(\s*$)/g, "");}//去左右空格;functiontrim(s){ //s.replace(/(^\s*)|(\s*$)/g, "");returnrtrim(ltrim(s));} 阅读全文
posted @ 2011-06-03 14:17 双魂人生 阅读(257) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2011-05-26 18:43 双魂人生 阅读(11) 评论(0) 推荐(0)
摘要:浮动广告就是随着鼠标的滚动而上线滚动的广告,代码很简单,很好实现:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"cont 阅读全文
posted @ 2011-05-26 14:20 双魂人生 阅读(291) 评论(0) 推荐(0)
摘要:有些漂浮广告,比如浮动广告,随着鼠标的上下滚动而滚动,但是在页面没效果,原因就是在W3C的标准里了,最简单的,直接把把这段<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">代码去掉,原来的漂浮广告就可以正常漂动了。如果网页不正常了,那么试试下面的办法吧解决办法:1、找到相对应的漂浮广告JS文件2、将所有的document.body替换成document. 阅读全文
posted @ 2011-05-26 14:14 双魂人生 阅读(497) 评论(0) 推荐(0)
摘要:一份文档就是一棵节点树。节点分为不同的类型:元素节点、属性节点和文本节点等。getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。getElementsByTagName()方法将返回一个对象数组,它们分别对应着文档里的一个特定的元素节点。这些节点中的每个都是一个对象。接下来,我们将向大家介绍几个与这些对象相关联的属性和方法。3.4.1 getAttribute()方法至此,我们已经向大家介绍了两种检索特定元素节点的办法:一种是使用getElementById()方法,另一种是使用getElementsByTagName()方法。在找到那个元素后,我们就可 阅读全文
posted @ 2011-05-20 13:24 双魂人生 阅读(1275) 评论(0) 推荐(0)
摘要:下面是Jquery对checkbox的一些操作,全选,反选,取消全选等等... View Code <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="DemoCheckBox.aspx.cs"Inherits="DemoCheckBox"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD 阅读全文
posted @ 2011-05-19 15:15 双魂人生 阅读(2614) 评论(3) 推荐(1)
摘要:下面是自己写的一个用Jquery验证常用的表单元素的代码 View Code <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="register.aspx.cs"Inherits="register"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona 阅读全文
posted @ 2011-05-11 17:15 双魂人生 阅读(919) 评论(0) 推荐(0)
摘要:1.判断select选项中 是否存在Value="paraValue"的Item$("#selectid option[@value='paraValue']").length>02.向select选项中 加入一个Item$("#selectid").append("<option value=''>1111<option>");3.从select选项中 删除一个Item$("#selectid").remove("< 阅读全文
posted @ 2011-05-11 16:51 双魂人生 阅读(62499) 评论(5) 推荐(3)
摘要:在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了,这样的 写法则是让代码与html结合到一起了,在Jquery中就不用这样了,它有另外的几种写法,可以使代码与html分开: 比如页面中有一个按钮:<input id="btn" type="button" value="提交" /> 我们要触发它的点击事件可以有下面两种方式: 一:jQuery(function($){ $("#btn").click(function(){alert("这是 阅读全文
posted @ 2011-05-11 11:38 双魂人生 阅读(17002) 评论(0) 推荐(0)
摘要:由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好 为定义好的css样式可以调用元素的css方法添加样式 $("span").css("css属性名","属性值") 如 $("span").css("color","red") 将标签为span的字体都设为红色的 $("#id") $("span")如果是定义好的css样式,可以通过addClass来添加,比如View Code < 阅读全文
posted @ 2011-05-10 23:15 双魂人生 阅读(150176) 评论(6) 推荐(3)
摘要:我们知道,在javascript中用来执行页面加载中的操作时候,我们会使用windows.onload=function(){}或者windows.onload=函数名(),也可以在body中调用onload事件调用方法即可,在jQuery中也有相当的代码 $(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本}) 以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使. 阅读全文
posted @ 2011-05-10 23:00 双魂人生 阅读(955) 评论(0) 推荐(0)
摘要:Jquery是Javascript轻量级脚本库,并不是javascript的升级版,其好处有:1.Jquery可以检索javascript代码2.Jquery可以解决众多浏览器不兼容的问题3.可以实现很多的UI,很多好看的效果很容易的就能实现等等实用Jquery之前,要到官网上下载类库http://jquery.com/,本文中的下载地址:http://files.cnblogs.com/shuang121/jquery-1.6.min.js然后放到项目总,在页面中引用<script src="js/jquery-1.6.min.js" type="text 阅读全文
posted @ 2011-05-05 16:40 双魂人生 阅读(416) 评论(0) 推荐(0)
摘要:表格部分代码如下: <table id="testTbl" border=1><tr id="tr1"><td width=6%><input type=checkbox id="box1"></td><td id="b">第一行</td></tr><tr id="tr2"><td width=6%><input type=checkbox id="box2&q 阅读全文
posted @ 2011-05-04 16:50 双魂人生 阅读(20117) 评论(0) 推荐(1)
摘要:点击大分类,显示小分类,其他大分类的小分类会隐藏,感觉这个实现的还不错,总结下来,以后使用...代码:View Code <scriptlanguage="javascript">functionshow(obj,maxg,obj2){if(obj.style.pixelHeight<maxg){obj.style.pixelHeight+=maxg/10;obj.filters.alpha.opacity+=20;obj2.background="images/title_hide.gif";if(obj.style.pixelHei 阅读全文
posted @ 2011-04-26 17:33 双魂人生 阅读(567) 评论(0) 推荐(0)
摘要:<SCRIPT language=JavaScript> document.oncontextmenu=new Function("event.returnValue=false;"); //禁止右键功能,单击右键将无任何反应 document.onselectstart=new Function("event.returnValue=false;"); //禁止选择,也就是无法复制 </SCRIPT> 阅读全文
posted @ 2011-04-15 15:23 双魂人生 阅读(239) 评论(1) 推荐(0)