代码如下:jQuery自定义选项卡插件body, ul { padding:0; margin:0; }li { list-style:none; }#tabs { zoom:1; }#tab:after { content:""; display:block; clear:both; }#tabs li { float:left; padding:10px; color:#FF8900; background:#FFF; cursor:pointer; }#tabs .active { background:#FF8900; color:#FFF; }#tabContent { background:#FF8900; color:#FFF; padding:10px; clear:both; }#tabContent div { display:none; }#t...
$("form").attr("check"); $("form").prop("check"); 两种都可以，不过新版jquery推荐第二种，两个在其他方面都差不多，我发现的唯一不同就是在checkbox上的时候，需要用prop，不然IE浏览器会不兼容 代码如下: <scripttype="text/javascript"src="/js/jq1.3.2.js"></ script> <divlang="rrery">
代码如下: $(function () { var ping = ''; switch ($('#Select3 option:selected').text()) { case '图片': ping += 'case '文本框': ping += 'case '按钮': ping += '} $('#attrzhi').blur(function () { ping += ' '; ping += $('#Select2 option:selected').text(); ping += '='; ping += $('#attrzhi').val(); }) $('#Button1').click(function () { ping += '/>'; alert(ping); $('#show').append(ping); }) }) JavaS...
JQuery计算滚动条长度和位置，代码如下： javascript 代码如下: var scrMinHeight = 1; //滚动条最小高度 var scrMaxHeight = 0; //滚动条最大高度 var scrDefualtTop = 80; //滚动条默认位置 var scrHeight = 0; //初始化滚动条 function InitScroll() { scrMaxHeight = $("#mainScrollContent").height(); //文本框高度 scrHeight = document.getElementById("mainScrollContent").scrollHeigh...
最近做项目中有一个模块是用于实时监控的，左边有个菜单栏用于显示所有的设备，那当然是从数据库中动态获取的了，右边是个iframe用于显示监控画面。本来这个功能并不复杂，左边的菜单项是利用dtree.js来实现的，可时当功能实现完成之后，却发现一个问题，就是左边菜单栏中的设备名有的会很长，会超出了div的长度，准确说是左边iframe的宽度和长度不够。那么，这时就必须要利用滚动条了，可以设置左边菜单项div的overflow-x:auto;ov...
自定义事件触发 代码如下: $ event.trigger(“myEventName”); 自定义事件绑定 下面的代码创建了一个绑定到自定义事件和自定义事件触发时将被执行。 代码如下: $(this).bind("myEventName",function(){ alert("myEventName triggered"); });
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属...
代码如下: $(function(){ //toggle div $("#gga").click(function(event){ event.stopPropagation(); //阻止冒泡事件 $(".toggleoption").slideToggle("fast"); }); //slideup div $(document).click(function(event) { var eo = $(event.target); if($(".toggleoption").is(":visible") && eo.attr("class") != "toggleoption" && !eo.parent(".toggleoption").length) { $(.toggleoption).slideUp("fast"); } }); }) event.prev...
1、浏览器自带的鼠标样式： 2、如果某些时候为了保持鼠标样式的统一，或者想指定特定的鼠标样式该怎么办呢？ 代码如下: $(#divContainer).css(cursor, url(../Images/CrimeAnalysis/ThematicMap/grab.cur), move); 将移到某个div或者元素上的鼠标样式修改成某个指定的.cur文件就可以了。
1.多个Ajax 在一个function中的执行顺序 由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了. 代码如下:function TestAjax(){ var UserName = $("#txtUserName").val(); $.ajax( { url: "AjaxCheckUserName.htm", async: false, success: function (data) { a...
继续分享web前端自定义控件，今天所要分享的控件是单选按钮，希望对你有收获，有好的建议也希望能留言给我。代码如下： Html代码如下： 代码如下:<p style="margin:50px;float:left;"> <b class="radio" _txt="单选我"></b> <b class="radio" _txt="单选你"></b> <b class="radio" _txt="单选他"></b> </p>Css代码如下： 代码如下:.radio{float:left;background:url(/img/Icon_BG.png);} .radio{width:14px;height:14px;back...
看到一个不错的jquery插件，可拖动DIV，顺序可保存到数据库的一个实例：这里就以其中PHP实例简单说明一下： 代码如下://post到后台的数据 if ($_POST) { $ids = $_POST["ids"]; for ($idx = 0; $idx $id = $ids[$idx]; $ordinal = $idx; //... } return; } ?> 代码如下: body { font-family:Arial; font-size:12pt; pa...
代码如下: Information: { title: Info, width: 5%, sorting: false, edit: true, create: true, type:textarea, display: function (customerData) { var $img = $(); $img.click(function () { $(#CustomersTableContainer).jtable(openChildTable, $img.closest(tr), { title: customerData.record.Name + - Information, actions: { listAction: ajax/customer_info_actions.php?action=list&searchterm= + customerData.reco...
jQuery：validate添加自定义验证 jQuery.validator.addMethod添加自定义的验证规则 addMethod：name, method, message 简单实例：单个验证的添加代码如下:validate.js拓展验证$("#tinyphp").validate({ // 添加验证规则 rules: { isZipCode: { //验证邮箱 isZipCode: true } }}); validate.expand.js代码如下:jQuery.validator.addMethod("isZipCode", function(value, element) { ...
代码如下: //方法定义 $.windowbox = { //定义一个方法aa aa: function(){ alert("aa"); }, //定义一个方法bb bb: function(){ alert("bb"); } } $.windowbox.aa(); //调用$.windowbox里的aa方法 代码如下: // 传参数 var aa = function(x){ //弹出对象 x 里的 aa 变量和 bb 变量 alert(x.aa + " 我成功啦 " + x.bb); } $.windowbox = aa; $.windowbox({ aa: "哈哈", bb: "啦啦" }); 代码如下: 方法一： jQuery.fn.setApDiv=fu...