首先建一个CSS样式表 .highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;} 然后增加如下代码 代码如下: $(document).ready(function(){ $("input[type=text]").focus(function(){ $(this).addClass("highlight") }).blur(function(){$(this).removeClass("highlight")}); }); jQuery 参考手册 - 事件JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现...
一、Jquery向aspx页面请求数据 前台页面JS代码: 代码如下: $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { alert(result.msg); } }); }); 代码如下: 后台cs代码: 代码如下: protected void Page_Load(object sender, EventArgs e) { if (Request["name"]!=null) { Response.ContentType = "text/json"; Respo...
IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块。尽管是非标准的,但是有条件注释对于其他所有浏览器作为常规注释出现,因此本质上是无害的。有条件注释在Windows上的IE5中首次出现,并且得到了Widnows浏览器所有后续版本的支持。 IE的有条件注释及其有效,而且非常容易记住。主要的缺点是这些注释需要放在HTML页面中,而...
我们知道每个模块对应一个js文件,这篇写一个最简单的模块hello.js, 然后在另一个js文件(main.js)中require自定义的模块。 hello.js 代码如下: function hello(name) { console.log(hello, + name); } exports.hello = hello; main.js 代码如下: var h = require(./hello); h.hello(snandy); 约定:hello.js和main.js在同一个目录下,比如是node目录 打开命令行,进入node目录,执行命令 代码如下: node main.js 可以看到命...
第一种写法: 代码如下: $(function(){ $("li").not(":even").css("color","red"); $("li").filter(":odd").css("color","red"); }) 第二种写法: 代码如下: $(function(){ $("li").filter(function(index) { return index%2 == 0; }).css("color","red"); $("li").not(function(index) { return index%2 !== 0; }).css("color","red"); }) 这两种写法,都可以达到一样的效果,not与filter是相反的过滤! jQuery过滤选择器:not(...
select: 代码如下: 夺得2008年欧洲杯冠军的国家是: 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。 代码如下: if($("#nation").val()=="") { alert("请选择国家"); } 2、获取select中option项的个数。 代码如下:$("#nation").find("option").length; 3、获取选中的option的值value和显示的文本text。 代码如下://获取选中项的值 $("#nation").val(); //获取选中项显示的文本 $("#nation").f...
1、JQuery选择器继承了CSS、path语音的部分语法,允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比,具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色,示例代码如下: 代码如下: 使用JQuery实现隔行变色 body{font-size:12px;text-align:center} #tbStu{width:260px;border:solid 1px #666;background-color:#eee} #tbStu tr{line-height:23px} #...
JQuery真的太强大了,真好看! Jquery代码如下:代码如下: $(function () { $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () { $(this).find(".n_zyb_gzrightlistc").attr("style", "display:block").parent().siblings().find(".n_zyb_gzrightlistc").attr("style", "display:none"); })}) Html代码如下:代码如下: ...
Panel* {margin: 0;padding: 0; } body {font-size: 13px;line-height: 130%;padding: 60px } #panel {width: 60px;border: 1px solid #0050D0;height: 22px;overflow: hidden; } .head {padding: 5px;background: #96E555;cursor: pointer;width: 300px; } .content {padding: 10px;text-indent: 2em;border-top: 1px solid #0050D0;display: block;width: 280px; }$(function(){$("button:eq(0)").click(function(){$("#panel")....
代码如下:y=1;function imgs(){ var myImg=document.getElementsByTagName("img")[0]; myImg.src=y+".jpg"; if(y==2)y=1; else y++;}JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美...
代码如下:// JScript 文件 var inputID, inputName;function ExpandSubCategory(iCategoryID, FahterID) {var li_father = document.getElementById("li_" + iCategoryID); if (li_father.getElementsByTagName("li").length > 0) //如果已经加载了下级节点则直接展开,不必在去读取数据 { ChangeStatus(iCategoryID); return; }//打开时显示稍等 switchNote(iCategoryID, true); //AJAX回调函数,加...
代码如下:以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读~! 如果我们在用jQuery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换。因为,DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能...
效果如下:代码如下:.code { background:url(code_bg.jpg); font-family:Arial; font-style:italic; color:blue; font-size:30px; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; float:left; cursor:pointer; width:150px; ...
代码如下: $(function() { $(".designerspanel").each(function(){ $(this).find(".tabspanel #show:not(:first)").hide(); }); $(".designerspanel li").click(function(){ idname=$(this).parents('.designerspanel').attr('id'); current=$("#"+idname+" li:eq(0)").attr('class'); current=current.replace("black",""); $("#"+idname+" ...
代码如下:/*放大镜*/ .ZoomMain {margin:100px;width:395px;height:460px;float:left;position:relative;} .ZoomMain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;} .ZoomMain .zoom .move{position:absolute;left:0; top:0;display:none;width:195px; height:195px;background:#000;opacity:0.2;filter:Alpha(Opacity=20);} .ZoomMain .zoomDetail{display:none;border:1px solid #DCDDDD;widt...