jQuery
stevsun
Keep calm and carry on
展开
-
jquery获取元素方式
1 从集合中通过指定的序号获取元素 html: 01234567 js:jQuery(function(){$("p").eq(2).css("color","red");$("p").eq(3).css("color","red");}) 2 获取指定条件一致和指定范围的元素 html:原创 2015-06-02 23:26:29 · 559 阅读 · 0 评论 -
jQuery常用方法
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jque原创 2015-06-02 23:26:23 · 366 阅读 · 0 评论 -
jQuery中删除元素方法
empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除语法: empty() remove(expr); empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除,如: html此标签的使用empty方法删除以下的标签将被删除准备使用remove方法删除准备使用remove方法删除准备使用remove方法原创 2015-06-02 23:26:37 · 731 阅读 · 0 评论 -
jQuery解析JSON的问题
在WEB数据传输过程中,json是以文本,即字符串的轻量级形式传递的,而客户端一般用JS操作的是接收到的JSON对象,所以,JSON对象和JSON字符串之间的相互转换、JSON数据的解析是关键。JSON字符串:var str1 = '{ "name": "deyuyi", "sex": "man" }';JSON对象:var str2 = { "name": "delu原创 2015-06-02 23:26:45 · 478 阅读 · 0 评论 -
jQuery判断浏览器
在jQuery1.9版本之前,jQuery 提供了 browser 标记 1 2 3 $(function() { 4 var userAgent = window.navigator.userAgent.toLowerCase(); 5 var version = $.browser.version; 6 $原创 2015-06-02 23:26:10 · 553 阅读 · 0 评论 -
JQuery中$.ajax()方法参数
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设原创 2015-06-02 23:26:48 · 521 阅读 · 0 评论 -
jQuery获取JSON格式数据方法
getJSON方法:jQuery.getJSON(url,data,success(data,status,xhr))$("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result_data){ $.each(result_data, function(index, name原创 2015-06-02 23:26:42 · 4694 阅读 · 0 评论 -
JQuery中$.post()与$.get()区别
1:GET访问 浏览器 认为 是等幂的 就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] 所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使原创 2015-06-02 23:26:53 · 1117 阅读 · 0 评论 -
jQuery简单导航示例
1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html> 3 head> 4 meta http-equiv="Content-Type" content="text/html; cha原创 2015-06-02 23:26:02 · 622 阅读 · 0 评论 -
jQuery图片提示示例
1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmlns="http://www.w3.org/1999/xhtml"> 3 head> 4 meta http-equiv="原创 2015-06-02 23:26:04 · 468 阅读 · 0 评论 -
JQuery创建JSON对象
通过 JSON 字符串来创建对象First Name: Last Name: //txt为字符串var txt = '{"employees":[' +'{"firstName":"Bill","lastName":"Gates" },' +'{"firstName":"George","lastName":"Bush" },' +'{"firstNa原创 2015-06-02 23:26:40 · 9667 阅读 · 0 评论 -
jQuery中$.get()、$.post()和$.ajax()
jQuery.get()方法:$.get(url,data,success(response,status,xhr),dataType)该函数是简写的 Ajax 函数,等价于:$.ajax({ url: url, data: data, success: success, dataType: dataType});根据响应的不同的 MIM原创 2015-06-02 23:26:51 · 18569 阅读 · 3 评论 -
jQuery常用事件
1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果。但是也有一些差异: 当一个文档完全下载到浏览器中时,会触发window.onload事件。而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后,代码原创 2015-06-02 23:26:26 · 361 阅读 · 0 评论 -
jQuery1.6以上版本prop和attr的区别
原创 2015-06-02 23:26:18 · 442 阅读 · 0 评论 -
jQuery中.bind() .live() .delegate() .on()的区别
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的$("a").live("click",function(){alert("ok");});原创 2015-06-02 23:26:15 · 429 阅读 · 0 评论 -
jquery.cookie()方法
jquery.cookie.js是一个轻量级的cookie 插件,可以读取、写入、删除 cookie。首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。使用方法1.新添加一个会话 cookie:$.cookie('the_cookie', 'the_value');注:当没有指明 cookie有效时间时,所创建的coo原创 2015-06-02 23:26:58 · 368 阅读 · 0 评论 -
jQuery元素查找方法
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,原创 2015-06-02 23:26:31 · 502 阅读 · 0 评论 -
JQuery在光标位置插入内容
1 (function($) { 2 $.fn.extend({ 3 insertAtCaret: function(myValue) { 4 var $t = $(this)[0]; 5 //IE 6 if (document.selection) { 7原创 2015-06-02 23:27:17 · 4424 阅读 · 0 评论