首页 > 代码库 > jquery基本用法

jquery基本用法

2024-08-09 06:28:40   220人阅读

jquery选择器入门：

①id选择器使用方法：
<input id="goto" value="http://www.mamicode.com/goto beijing"></input>
console.info($("#goto").val());
②name选择器：
<input name="goto" value="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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基本用法


联系
我们