-
在多个文本输入框中,使用:password选择器只能获取表单中的密码输入文本框,并使用addClass()方法改变它的边框颜色。查看全部
-
通过:text表单选择器只获取单行的文本输入框元素,对于<textarea>区域文本、按钮元素无效。查看全部
-
通过调用$("#frmTest :input")表单选择器代码获取了表单中的全部元素,并使用addClass()方法修改它们在页面中显示的边框颜色。addClass()方法的功能是为元素添加指定的样式类别名称,它的更多使用将会在后续章节中进行详细介绍。查看全部
-
如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的。查看全部
-
当样式设定font-size<12px时,chrome浏览器里字体显示仍为12px; 如font-size:11px; 但是chrome还是12px的大小,很不听话。 今天我就遇到了这样的问题? 网站产品分类块字体在IE9和FF下显示不正常,比预想的要小,在IE7\IE8\360\chrome里显示正常,我查了些资料就是没找到原因,问了网友才得到解决办法。 -webkit-text-size-adjust 1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;} 2、-webkit-text-size-adjust放在body上会导致页面缩放失效 3、body会继承定义在html的样式 4、用-webkit-text-size-adjust不要定义成可继承的或全局的 苹果移动设备上会识别,用于保证文字大小。 写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Chrome发现还是12px。如果要使此生效的话,就得修改Chrome的默认配置了,一般应用下面的代码就能在全局生效了: html { -webkit-text-size-adjust: none; } 但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。 在中文版Chrome里面,所有小于12px的字体设置都无效,最终将显示12px。因为中文一旦小于12px,就变得不易阅读。 但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!(影响美观) 解决方案,添加一个私有属性到html选择器: html{-webkit-text-size-adjust: none;} 顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。 注:如果要改变字体大小,font-size:15px;应该写在 -webkit-text-size-adjust: none;之后,不然效果不显示 。查看全部
-
bind()方法绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,它的绑定格式如下: $(selector).bind(event,[data] function) 参数event为事件名称,多个事件名称用空格隔开,function为事件执行的函数。查看全部
-
$(document).ready(function(){})等价于$(function(){});查看全部
-
ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为:查看全部
-
<script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, dataType:"text", type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) }); </script>查看全部
-
在表单中添加多个元素,点击“序列化”按钮后,调用serialize()方法,将表单元素序列化后的标准URL编码文本字符串显示在页面中,查看全部
-
通过$.get()方法向服务器成功请求数据后,在回调函数中通过data参数传回请求的数据,并以data.name格式访问数据中各项的内容。查看全部
-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { if(index==2) $("ul").append("<li>" + sport["name"] + "</li>"); }); }); }) }); </script>查看全部
-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $("ul") .html("<img src='Images/Loading.gif' alt=''/>") .load("http://www.imooc.com/data/fruit_part.html",function(){ $this.attr("disabled", "true"); }); }) }); </script>查看全部
-
与:first-child子元素过滤选择器功能相反,:last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。查看全部
-
使用[attribute*=value]属性选择器,获取属性值中包含指定字符标志的全部<li>元素,并设置它们显示绿色的背景。查看全部
举报
0/150
提交
取消