码迷,mamicode.com
首页 > Web开发 > 详细

jquery基本用法

时间:2014-12-22 10:56:55      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

jquery选择器入门:

①id选择器使用方法:
<input id="goto" value="goto beijing"></input>
console.info($("#goto").val());
②name选择器:
<input name="goto" value="goto xian"></input>
console.info($("input[name=‘goto‘]").val());
③属性
<input type="image" id="imgs">
设置src属性
 $("#imgs").attr({src:"jquery/Tulips.jpg",alt:"图片"});
 
④设置input的value值
<input name="go" type="texarea" value="333">
$("input[name=‘go‘]").val("go to beijing ba ");
 
⑤设置checkbox的disable属性:
<input type="checkbox" disabled="disabled" id="remove"  />启用
取消掉disabled属性:
$("#remove").removeAttr("disabled");
⑥checkbox的checked属性:
<input type="checkbox" disabled="disabled" id="remove" value="0" checked=""/>启用
if($("#remove").val()==1) {
         $("#remove").attr("checked","true");
     }else if($("#remove").val()==0){
         $("#remove").removeAttr("checked");
   }
根据value的值来进行判断是否选中。
⑦工具:
 if ($.browser.msie) {
   alert("this is ie!");
}
判断浏览器的类型:

safari

opera

msie

mozilla

可用值。

⑧取消字符串开始和结尾的空格:

$.trim("  hello, how are you?  ");

jquery基本用法

标签:

原文地址:http://www.cnblogs.com/snowflakes/p/4177501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!