控制表单元素： 文本框,文本区域： $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox： $("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')) //判断是否已经打勾 单选组radio： $("input[ty...
下面我们来看下这个例子吧！ 代码如下: jqueryDemo:quanjiaoNum function changeNum(){ var qjNum=$("input[@name=qjNum]").val(); var toAscii=qjNum.charCodeAt(); if(toAscii > 65295 && toAscii { var toBack = 0; var temp = 0; var unite = ""; ...
代码如下:transitional.dtd"> JQuery 浮动导航栏 /* 浮动导航栏 Begin */ #floatMenu { padding-top: 5px; background: url(http://img.jb51.net/images/quickmenu.gif) no-repeat; border: 1px solid #dcdcdc; position: absolute; top: 250px; left: 5px; margin-left: 0px; width: 86px; } #floatMenu ul { margin-left: 0px; background-color:White; list-style-type: none; padding:10px } #floatMenu ul li a { displa...
#menu{width:200px;} .has{background:#00DFAA; color:#FFFBF0; cursor:pointer} .hig{background:#FF5F55; color:#2A3F55;} div{padding:0px; margin:10px 0;} div a{background:#D41FAA; display:none; float:left; width:200px;} $(document).ready(function(){ $(".has").click(function(){ $(this).addClass("hig").children("a").show().end().siblings().removeClass("hig").children("a").hide(); }); }); 第一章 ...
代码如下: $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); }); }) li{background-color:#099; float:left; width:50px; height:25px; margin-left:1px; list-style:none;} .xiaoshi{background-color:#FF0;} .ho{background-color:#F00;} ...
使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 代码如下: 用户校验 在 jslib 下新建一个 js 文件： verify.js ； 代码如下:function verify() { var paramObj=encodeURI(encodeURI($( "#username" ).val())); $.get( "TestSvlt?username=" +paramObj, null ,callback); } function callb...
页面滚动时随着滚动条固定在屏幕的中央，模式对话框中的内容为两种，一是iframe引入，一是HTML语句插入。在网站开发中十分常用，使用该插件十分的简单。来看一下运行效果。插件使用 1、首先引入样式文件，详细代码如下所示： 着里面的id一定不要忘记，他是用于切换插件皮肤的。 2、接着引入jQuery的js文件，具体代码如下： 3、最后引入模式对话框插件，具体代码如下： 4、编写用于点击的HTML代码，具体代码如下： 单击我--模式对...
jQuery与javascript对照学习(获取父子前后元素) .c1{background-color:green;padding:20px;} .c2{background-color:red;padding:20px;} .c1 div{background-color:gray;} function fNext(obj){//许多时候需要元素之间没有间隙才能取到 //alert(obj.nextSibling.id); alert(jQuery(obj).next().attr("id"));//传递this，通过$(obj)转化为jQuery对象 } function fPrev(obj){ //alert(obj.previousSibling.id); alert(jQuery(...
即一条新闻滚 进视图之后，会暂停几秒钟，然后继续向上2滚动，淡出视图，同时，下一条新闻接着滚入视图。这次主要是用jquery来开发这个功能，里面肯定有许多不足 之处，欢迎大家点评。 先粘贴一下代码， 代码如下: { padding: 0; margin: 0 0 0 10px; position: relative; height: 200px; width: 17em; overflow: hidden; } .headline { position: absolute; height: 200px; top: 210px; overflow: hidden; }--%> $(document)....
以前的我，用惯了 UpdatePanel UpdateProgress 等控件，甚至到了滥用的程度，只是一味的追求无刷新，一边弄这 loading 图片 提示，这样貌似更美观，但是 感觉 更损失了性能， 而且有时候还破坏了网站的完整性。 但是学了Jquery之后，了解了 Jquery.ajax ,Jquery.get 等方法，从而学会了使用 webservice 和.ashx 文件，来与服务器交互。 这次的Jquery分页 是与 .ashx文件配合的。 建立三个.ashx，分别为PreviewHandler.ashx,PageHan...
1、复选框全选操作：其实说到底就是对Jquery 选择器的运用，点我查看Jquery选择器 html代码: 代码如下: Jquey js 脚本: 代码如下: $(#checkAll).click (checkAll); // 全选 $(#checkFootball).click (checkFootball); // 单选足球 }); function checkAll() { $(input [type="checkbox"][name="item"]).attr ("checked", true); // $([name="item"]:checkbox).attr("checked", true); } 注： 全反选只需要将这里的 true 换成 f...
经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px", "left": A_left + "px" }); } , ...
从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。 首先，代码 代码如下: $(document).ready(function() { $(.styleswitch).click(function() { switchStylestyle(this.getAttribute("rel")); return false; }); var c = readCookie(...
下面的代码。大家可以研究下，对于jquery的学习还是非常有好处的。锋利的jquery中的一句话代码，实现的菜单运行后，需要刷新下(因为是调用的外地jquery)1-5-1 #menu { width:300px; } .has_children{ background : #555; color :#fff; cursor:pointer; } .highlight{ color : #fff; background : green; } div{ padding:0; } div a{ background : #888; display : none; float:left; width:300px; } //等待dom元素加载完毕...
在Table标签上设置 class="sortable" 且Table要设置ID. 表中增加了两行代码是JQuery写的.用于给奇偶行变色. 代码如下:addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX; function sortables_init() { // Find all tables with class sortable and make them sortable if (!document.getElementsByTagName) return; tbls = document.getElementsByTagName("table"); for (ti=0;ti<tbls.length;ti++) { thisTbl = ...