控制表单元素： 文本框,文本区域： $("#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...
先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。HTML代码 代码如下:<div id=pop-div style="width: 300px" class="pop-box" > <h4>标题位置</h4> <div class="pop-box-body" > <p> 正文内容 </p> </div> <div class=buttonPanel style="text-align: right" style="text-align: right"> <input value="Close" id="btn1" onclick="hideDiv(pop-div);" type="button" /> </div> </div>代码很简洁。最外...
当然，代码使用起来也非常的方便，很多东西就不用自己再去琢磨了。 研究的过程中顺便用jQuery实现了一个div的拖动，代码附于本文结尾。 实现的思路请参考我的可以拖动的DIV（二）一文。 在参考jQuery中文网站中的例子时，我发现他们在div窗口标题栏触发click事件时，将div的位置移上了一些，而mouseup的事件注册在整个div窗口上，这个思路让我很受启发，解决了鼠标移动很快而div不能跟上导致的错误，非常好的解决办法。 另外，请注...
当时没觉得有什么，今天回头看看，觉得还有点意思，拿来给大家鉴定一下。 首先要实现棋子的排布，这毫无疑问得用div+css了。 具体代码可以看Jquery做的国际象棋棋盘（查看源代码） 。 一开始我给每种棋子都写了类，实际上这是比较愚蠢的行为。首先，这样子css代码会有冗余。其次，在棋子div上绑定侦听器时会比较麻烦，要判断是否棋子div时，我不得不靠类名中的-b和-w后缀来判断是否棋子。但是如果我们将棋子的共同属性提取出来专设...
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址：http://abeautifulsite.net/notebook/87 自身的原方法为： 代码如下:// Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public methods multicheckbox : function (message, value, title, callback) { if (title == null ) ti...
请“运行代码”后刷新一次。 jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
关键代码： 代码如下:$(function(){ $(".tabs li").eq(0).css("background","#499AFF"); $(".tabs div").eq(0).show(); $(".tabs>ul>li").click(function(i){ $(this).css("background","#499AFF").siblings().css("background","#ffffff"); $(".tabs div").eq($("li").index(this)).show().siblings("div").hide(); return false; }) }) 演示（请“运行代码”后，刷新一次）： jquery tab $(function(){ $(".tabs li").eq(0).css...
//改變時的事件 代码如下:$("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目 代码如下:法1：$("select#Clubs").children("[@selected]").each(function(){ alert(this.text); }); 法2：$("#selBags").val(); //這個比較快啦，但限單選 //取得下拉選單的選取值 代码如下:$(#testSelect option:selected').text()...
代码如下:var boardDiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...<\/div>"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); });
代码如下://栏目 //发送ajax请求 $.getJSON( "../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 {id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串 //对返回的JSON数据进行处理 function(json) { //循环取json中的数据,并呈现在列表中 $("#column_0_1").empty(); var colstr = '<h2><span><a href="#" href="#">更多>></a></span>热门招聘</h2><ul>'; $.each(json, ...
多选效果如下图代码如下: 代码如下:<script type="text/javascript"><!-- $(document).ready(function() { $("#selectall").click(selectAll); }); function selectAll() { var checked = $("#selectall").attr("checked"); $(".selectable").each(function() { var subchecked = $(this).attr("checked"); if (subchecked != checked) $(this).click(); }); } // --></script> <table id="detail-table" style="width: 100%; back...
经过一翻尝试，终于找到了一个自大比较满意的解决方法，现写在自己的博客中与大家分享。 第一步需要在签核页面中提供一个区域用来显示表单内容，这里使用的是DIV。 代码如下:<script type="text/javascript"> $(document).ready(function() { loadPage("doc_view", "<?php echo $this->doc_view_url . '/flag/1'; ?>"); }); </script> <?php $p = new Portlet(); $p->setCaption("Document View") ->setShowBorder(false) ->addIte...
上图展示了传统 Wordpress 模板在浏览器中的载入顺序，Loading 条的出现和消失分布于头尾。 如果我们在页面的不同位置放置多个 JS ，每个 JS 用于逐步增加 Loading 条的宽度，那么这个 Loading 条无疑会更具实用价值。它在一定程度上缓解了访客等待载入的枯燥感，同时还能客观反映页面载入的进度。若再配以 jQuery 内建的动画效果，其完全可以与浏览器自带的状态条媲美。 先来看一个演示：地址。 要得到演示上的进度条效果，首先，...
实现方法： 代码如下:<!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> <title>浮动广告</title> <style type="text/css"> #qqonline{ background-color:red; border: 1px solid #fcc; position:absolute; top:100px; left:16px; width:100px; height:120px; } #qqonline1{ background-color:r...
一、效果图二、页面文件 页面上需要添加<div id="cal"></div>标记。 三、JS代码代码如下:// JavaScript 日历$(document).ready(function () { //当前时间 $now = new Date(); //当前的时间 $nowYear = $now.getFullYear(); //当前的年 $nowMonth = $now.getMonth(); //当前的月 $nowDate = $now.getDate(); //当前的日 $nowMonthCn = monthCn($nowMonth)...