jquery基本用法

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?  ");
时间: 2024-10-15 17:16:05

jquery基本用法的相关文章

jQuery 事件用法详解

jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jquery 之所以成为最受欢迎的前端库,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展. 在这里我会介绍 jquery 事件的一些比较基础的用法. 实现原理 jquery 事件脱胎于浏览器的 addEventListener (W3) 和 attac

jQuery $.each用法[转]

jQuery $.each用法 以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象.数组的属性值并进行处理. each函数根据参数的类型实现的效果不完全一致: 1.遍历对象(有附加参数) $.each(Object, function(p1, p2) { this;       //这里的this指向每次遍历中Object的当前属性值 p1; p2;     //访问附加参数 },

JQuery datepicker 用法

JQuery datepicker 用法 jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等.官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/the

jQuery tmpl用法总结

原文:jQuery tmpl用法总结 之前很是头疼循环数据的渲染,搞一大堆的命名,一点点的赋值,很是麻烦,今天学习了一下jQuery插件tmpl,下面抛出一些使用方法,供以后参考: 官方网址:http://web.archive.org/web/20121014080309/http://api.jquery.com/jquery.tmpl/ github网址:https://github.com/jquery/jquery-tmpl        http://jquery.github.co

jquery.fn.extend与jquery.extend用法与区别

关于jquery.fn.extend与jquery.extend用法与区别. jQuery为开发插件提拱了两个方法,分别是:  代码如下 复制代码 jQuery.fn.extend(object);  和   jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现.  代码如下 复制

jQuery -&gt; filter用法

利用filter函数可以从wrapper set中过滤符合条件的DOM元素. 如果我们有一个内容如下的html文件,要获取类为external的<a>元素,使用filter可以很easy地搞定. <a href="#" class="external">link</a> <a href="#" class="external">link</a> <a href=

jQuery $.extend()用法

$.extend()用法总结. jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法.这个应该很好理解吧.举个例子. <span style="font-size:18px;"><html> <hea

jquery cookie 用法

jquery cookie 用法 $.cookie("name","value","options")  当不设置options时,此cookie为临时会话cookie,当创建cookie的页面关闭时,此cookie也随即消失  Options参数说明 Options:{ expires:cookie保存天数 path:cookie保存路径,如果不设,此cookie只能有其创建的页面访问 设成'/'时.所有页面均能访问 domain:cookie

jQuery .tmpl() 用法

动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据.不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML. 浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是,结构不复杂的时候还好,结构一复杂,就想死了,需要很小心很小心地写出几乎无法维护的 Ja

[ASP.NET]JQuery AJAX用法整理

摘要:[ASP.NET]JQuery AJAX用法整理 我们再用Jquery CallBack Server时有许多参数要如何使用 $.ajax({ type: "POST", url: "MyWebService.asmx/SayHelloJson", data: "{ firstName: 'Aidy', lastName: 'F' }", contentType: "application/json; charset=utf-8&