代码如下: $(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="+p2+"";//页面跳转并传参 }) }) one two three JavaScript教程/参考手册 JavaScript热搜 Vue...
核心代码: 代码如下: $("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一致! 完整的代码 代码如下: $(function() { $("ul > li").click(tab); function tab() { $(this).addClass("ll").siblings().removeClass("ll"); var tab = $(this).attr("title"); $("#" +...
鼠标移入Tab的时候会有一定的延时才会切换到相应的项,防止用户不经意的鼠标操作,点击相应的项也可以切换 效果图: 源代码: 代码如下: Tab标签切换 body{ background:#fff;} *{ margin:0; padding:0;} .box{ margin:20px; } .container{background:#FFF; width:500px; clear:both; margin-top:1px; _margin-top:-1px;} .sub-con{height:300px; width:500px;border:1px solid #3CF; background:#FFF; display:none;} .cur-...
这是 菜菜 刚刚发现的 给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...
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...
1,onload事件 代码如下: Link Element onload IE6/7 :IE8/9 :Opera : 即IE6/7/8/9/Opera都支持onload事件, Firefox/Safari/Chrome不支持。 注:用JS创建link标签再添加到head中,情况如上。2,onreadystatechange事件 代码如下: Link Element onreadystatechange IE6/7/8/9中弹出了两次,其它浏览器均没有弹。说明只有IE支持link元素的onreadystatechange事件。弹出两次分别是readyState为loading,comple...
测试: test.html 代码: 代码如下: New Document js/Menu.js 代码: 代码如下: //这是用了自定义的方法hideElement()和shwoElement() function isChang(values) { if(values=="yxsh"){ hideElement("key"); showElement("yxsh"); }else{ hideElement("yxsh"); showElement("key"); } } //自定义方法hideElement() function hideElement(id){ document.getElementById(id).style.display="none"; } //自定义方法s...
引用body标签有两做法: 第一种:使用DOM Core 即引用某个给定文档的第一个(也是仅有的一个)body标签 代码如下: document.getElementsByTagName("body")[0] 第二种:使用HTML-DOM,即引用某个给定文档的body属性: 代码如下: doucumnet.body 本文的重点: 1. 哪些是DOM Core,哪些是HTML-DOM(慢慢补充)
在上一篇文章: 觉得猪八戒网左下角的文字滚动,效果不错,自己摸索了一下,以自己的方法实现了! 就有这种效果,不过影响不大。Demo的影响就大了! 网上也有人出现过这样的问题看下面的帖子地址: firefox 6下 setInterval的一个问题 讨论的人很多,但没给出答案来。 怎么想都想不明白! 今天,突然茅塞顿开,可能是线程的概念,但是具体原因还是不明白,希望有人了解其原应告知,非常感激! Demo 中黑色的Div是不受浏览器标签切换...
首先看下效果 代码如下: $(function() { $("#test").jsScroll(); }) 1 2 3 4 5 6 7 8 9 10 比较简陋只是将select转成自定义的样式 现在只有2个参数可以设置 代码如下: $(function() { $("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); }) showLength:下拉框默认显示数量 ---默认显示5个 option_click:点击每一个option执行的事件--默认是将options的值绑定到input中 在线演示:h...
一、判断文本是否为空 代码如下: var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab。如果这些空白字符在字符串中间发生时,它们将被保留。 jqObj.hide(); } 二、判断这个标签下是否有某个已知的元素,比如判断ul标签下是否有li元素 代码如下: var jqObj = $(this); if(!jqObj.has(li).length){ jqObj.hide(); }
jquery如何获取一上元素的名称比如 dd$("#aa").xxxmethod 昨到"div"jquery如何获取一个元素的名称比如 dd$("#aa").xxxmethod 得到"div"[昆明]丝雪.川琼(447031499) 13:35:50$('#elementId').get(0).tagName$("#aa")[0].tagName 这样就可以了吧 jQuery 获取标签名 代码如下: $(#elementId).get(0).tagName 这里获得标签名为大写,如:A , DIV 背景知识: jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注...
实例JavaScript代码 下面的这段代码中,我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色),这样,这个函数就可以用来设置不同的CSS属性了。 代码如下: var d = document.getElementById("d"); function setProperty(){ var set = document.getElementById("setColor"); var optionValue = set.options[set.selectedIndex].value; d.style.backgroundColor = optionValue...
今天要分享的是基于JQuery实现的多标签的切换,JQuery就不用过多介绍了,网上一搜一大堆资料,当然这样的小示例也有很多,这里只是发表一些自己的想法。 下面是本次示例所使用的HTML页面: 代码如下: JQueryProject1 标签1 标签2 标签3 这是内容1 这是内容2 这是内容3 现在的页面还看不出有有标签的效果,所以为了使页面上出现标签效果,给一面添加一个CSS文件: 代码如下: a{ display: block; text-decorat...
代码如下: // 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;ivar intOpen=0; var intClose=0; var re=new RegExp("\\]+|)\\>","ig"); var arrMatch=str.match(re); if(arrMatch!=null) intOpen=arrMatch.length; re=new RegExp("\\","ig"); arrMatch=str.match(re)...