代码如下: //两种方法设置disabled属性 $(#areaSelect).attr("disabled",true); $(#areaSelect).attr("disabled","disabled"); //三种方法移除disabled属性 $(#areaSelect).attr("disabled",false); $(#areaSelect).removeAttr("disabled"); $(#areaSelect).attr("disabled","");
代码如下: $(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...
一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下： 代码如下: 函数传参，改变Div任意属性的值 body,p{margin:0;padding:0;} body{color:#333;font:12px/1.5 Tahoma;padding-top:10px;} #outer{width:300px;margin:0 auto;} p{margin-bottom:10px;} button{margin-right:5px;} label{width:5em;display:inline-block;text-align:right;} input{padding:3px;font-family:inherit;border:1px solid #cc...
代码如下: $(function () { $('#Button1').click(function () { //为所有具有id属性的元素设置样式,动画效果 //$('div[title]').hide(3000); //$('div[title=t1]').hide(3000); //$('div[title!=t1]').hide(3000); // //属性值以t开头 //$('div[title^=t]').hide(3000 //$('div[title$=1]').hide(3000); //$('div[title*=t]').hide(3000); // //id值以d开始，title值以3结束 $('div[id^=d][title$=4]').hide(3000); }) }) ...
使用jQuery UI的tooltip()函数，可以使悬浮提示框不再那么千篇一律。点击这里先看看效果吧：http://www.keleyi.com/keleyi/phtml/tooltip/ 以下是完整代码：保存到html文件打开也可以看效果。 代码如下: 使用jQuery UI修饰title属性的气泡悬浮框（Tooltip） - 柯乐义 $(function () { $(document).tooltip(); }); label { display: inline-block; } 不一样的悬浮提示框 如果为一个元素添加了title属性，那么当光标移...
今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法读取，添加，修改，删除元素的属性。大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值，或者说动态的修改元素的某个（某些）属性的属性值。那么jQuery就可以让我们轻松的读取，添加，更改或删除一个（或多个）元素中的任何属性，在jQuery中我们可以使用下面的方法来实现： 1 .attr()：jQuery中的.attr()方法让你能轻松的读取，增加或修改...
jquery改变class属性的值 代码如下: $("#top_sta").removeClass().addClass("top_tab no_current"); 1.先找到块所在的div、p的位置 2.移除原来的class属性，remove("***")表示移除class中的***,remove()表示移除class中的所有值。 注意：remove("")表示移除空字符，也就是不对class做任何处理。 3.addclass("***")，想class增加字符串***
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属...
本人是一名小白，应届毕业生，以前没用过jquery，最近做项目用到了jquery。在做的过程中走了很多弯路，不停的搜索。总结出了一些用法，供大家参考： 最基本的选择器语法包括：id、class、标签、属性，这和css选择器是一致的。 ID选择器要在ID前加#，比如要选择一个ID为myDivID的div元素（）可以这样写: 代码如下: $("#myDivID"); D是不能重复的，所以ID选择器选出来的是一个jquery对象。 class选择器要在class前加点（.），比如要...
代码如下: var fontSize = $(this).attr(style,function(i,s){ return s.replace(/font-size:\s*(\d+.{0,1}\d*)/, function(a){ return a + px; }); }); //console.debug("font-size: "+ $(this).attr(style).match(/(?:font-size:)s*(\d+.{0,1}\d*)/)); var style = $(this).attr(style); var fontSize = $(this).css(font-size,function(){ var s = style.match(/(?:font-size:)s*(\d+.{0,1}\d*)/)[0].replace(/font-size:/,); r...
在本文中用JQuery对class属性的操作方法实现页面中的按钮开关效果。 首先定义两个class： 代码如下: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_off.png"); background-repeat: no-repeat; } .controlOn{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_on.png"); backgroun...
一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: 代码如下: a{ margin-right:20px; } ol{ position:relative; width:600px; margin-left:400px; } dt{ margin:10px; height:100px; background-color:#EAEAEA; border:3px dotted orange; } .showMessage{ width:380px; float:left; background-color:#D8D8D8; border:1px dotted red; } $(document).ready(function(){ var subject = ""; var describe =...
代码如下: //jquery 通过得到对象的长度判断对象是否存在 function testJquery() { if ($(".tel").length > 0) { alert("存在"); } else { alert("不存在"); } }
根据多个属性选择E[attr=val][attr=val] $("div[title='ttt'][class='aaaa']").click()................ 所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素
例1、jquery+ajax/" target="_blank">jquery ajax同步方式 代码如下:$.ajax({url : test.php,type : post,async: false,//使用同步的方式,true为异步方式data : {act:addvideo, videoname:videoname},//这里使用json对象success : function(data){//code here...},fail:function(){//code here...}});例2 代码如下://javascriptfunction test(){ var a= 1; $.ajax({ type : GET, url : test.php, data : page=112, succ...