代码如下:<script type="text/javascript"> // Close HTML Tags -------------------------------------------- function closeHTML(str){ var arrTags=["span","font","b","u","i","h1","h2","h3","h4","h5","h6","p","li","ul","table","div"]; for(var i=0;i<arrTags.length;i++){ var intOpen=0; var intClose=0; var re=new RegExp("\\<"+arrTags[i]+"( [^\\<\\>]+|)\\>","ig"); var arrMatch=str.match(re); if(arrMatch!=nu...
实例JavaScript代码 下面的这段代码中,我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色),这样,这个函数就可以用来设置不同的CSS属性了。 代码如下: <script type="text/javascript"> var d = document.getElementById("d"); function setProperty(){ var set = document.getElementById("setColor"); var optionValue = set.options[set.selectedIndex].value; d.style...
jquery如何获取一上元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 昨到"div"jquery如何获取一个元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 得到"div"[昆明]丝雪.川琼(447031499) 13:35:50$('#elementId').get(0).tagName$("#aa")[0].tagName 这样就可以了吧 jQuery 获取标签名 代码如下:$(#elementId).get(0).tagName 这里获得标签名为大写,如:A , DIV 背景知识: jQuery对象与dom对象的转换 只有...
一、判断文本是否为空 代码如下:var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab。如果这些空白字符在字符串中间发生时,它们将被保留。 jqObj.hide(); } 二、判断这个标签下是否有某个已知的元素,比如判断ul标签下是否有li元素 代码如下:var jqObj = $(this); if(!jqObj.has(li).length){ jqObj.hide(); }
首先看下效果 代码如下:<head> <title></title> <link type="text/css" rel="Stylesheet" href="JQSelect.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="JQSelect.js"></script> <script type="text/javascript"> $(function() { $("#test").jsScroll(); }) </script> </head> <body> <select id="test"> <option value="1">1</option> <option value="2">2</opti...
测试: test.html 代码: 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript" src="js/Menu.js"></SCRIPT> </HEAD> <BODY> <table> <tr> <td> <form method="post" action="#"> 查询类型<select id="selectType" name="selectType" onchange="isChang1(this.value)"> <option value="yxsh">按院系</option> <option value="zg...
引用body标签有两做法: 第一种:使用DOM Core 即引用某个给定文档的第一个(也是仅有的一个)body标签 代码如下:document.getElementsByTagName("body")[0] 第二种:使用HTML-DOM,即引用某个给定文档的body属性: 代码如下:doucumnet.body 本文的重点: 1. 哪些是DOM Core,哪些是HTML-DOM(慢慢补充)
1,onload事件 代码如下:<!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>Link Element onload</title> <link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onload="alert(this)"/> </HEAD> <BODY> </BODY> </HTML> IE6/7 :IE8/9 :Opera : 即IE6/7/8/9/Opera都支持onload事件, Firefox/Safari/Chrome不支持。 注:用JS创建link标签再添加到head中...
js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的 代码如下://排序从文字短的到长的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains(T恤)").parent().children("a").each(function(){ arr_a[i]=$(this).clone(); i+...
这是 菜菜 刚刚发现的 给body标签和document.body都添加点击事件后仅Firefox之弹出了两次 HTML BODY document.body.onclick=function(){ alert ('body'); }; [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 1,给body标签添加了onclick事件,弹出1 2,给document.body添加了onclick事件,弹出body 点击页面红色区域 IE6/7/8/9/Safari/Chrome/Opera : 不弹任何消息 Firefox : 弹出1 点击页面黄色区域 IE6/7/8/9/Safari/Chrome/O...
鼠标移入Tab的时候会有一定的延时才会切换到相应的项,防止用户不经意的鼠标操作,点击相应的项也可以切换 效果图: 源代码: 代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tab标签切换</title> </...
核心代码: 代码如下:$("ul > li").hover(tab); function tab() { $(this).addClass("ll").siblings().removeClass("ll"); var tab = $(this).attr("title"); $("#" + tab).show().siblings().hide(); }; li中和title必须和div中的id一致! 完整的代码 代码如下:<script type="text/javascript" src="jquery-132min2.js"></script> <script type="text/javascript"> $(function() { $("ul > li").click(tab); function tab() { ...
代码如下:<script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $(#mySelect).change(function(){ alert($(this).children(option:selected).val()); var p1=$(this).children(option:selected).val();//这就是selected的值 var p2=$(#param2).val();//获取本页面其他标签的值 window.location.href="xx.php?param1="+p1+"¶m2...
后经过一段对Jquery的学习,Jquery的强大解决了辅助代码过多不易维护的问题。AutoValidate.JS 代码如下:/// <reference path="../Scripts/jquery-1.4.1-vsdoc.js" /> //验证方法 v1.0,创建于2010-12-9 完成2010-12-16 MR.X 制 //修改2010-12-10、2010-12-12、2010-12-15、2010-12-16添入信息提示动画效果 //支持 type=text type=checkbox type=radio select 标签验证 //vld="***"必填 格式验证 //vld="n***"选填 格式验证 //err=...
先来看现象: 代码如下:<div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<div id=aa style=width:200px;height:200px; /></div>"); alert($("#aa").width()); }); </script> 结果为:200 所有浏览器都得到正确的结果 把插入的元素改为IMG 代码如下:<div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<img id=aa src=//www.gxlcms.com/images/logo.gif />"); alert...