jQuery 初学笔记(一)

原创 2012年03月27日 00:15:04

1、  AjaxAsynchronous Javascript and XML(首先回顾下Ajax) 

var xmlHttpRequest;

         functionajaxTest()

         {

                   if(window.ActiveXObject)

                            xmlHttpRequest =newActiveXObject("Microsoft.XMLHTTP");

         //xmlHttpRequest = newActiveXObject("MSXML2.XMLHTTP");//适合IE新版本,不过上面的也可以使用

                   elseif(window.XMLHttpRequest)

                            xmlHttpRequest =newXMLHttpRequest();

 

                   if(xmlHttpRequest !="undefined")

                   //if("undefined" != xmlHttpRequest)//切忌此种写法不要推荐,有可能在IE不正确

                   {

                            //准备好数据,get请求;url=AjaxServlet; true 表示异步处理

                            var url ="${pageContext.request.contextPath}/AjaxServlet";

                            //GET方式提交,参数跟在url

                            /*xmlHttpRequest.open("GET",url, true);            

                            xmlHttpRequest.onreadystatechange= ajaxCallback; //回调函数                          

                            xmlHttpRequest.send(null);        //发送请求

                            */

                            //POST方式提交

                           

                            xmlHttpRequest.open("POST", url,true);

                            xmlHttpRequest.onreadystatechange= ajaxCallback;// 回调函数                          

                            var json ={"001":"a","002":"b"};

                       xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//必须增加

                            xmlHttpRequest.send("json="JSON.stringify(json));      // 发送请求

                   }

 

         }

 

         functionajaxCallback()

         {

                   if(xmlHttpRequest.readyState == 4)

                   {

                            if(xmlHttpRequest.status == 200)

                            {

                                     var json =eval('('+xmlHttpRequest.responseText+')');

                                     for(var iin json)

                                     {

                                              alert(i+ ", " + json[i]);

                                     }

                            }

                   }

}

2、       www.jquery.com:write less, do more

<scripttype="text/javascript"src="jquery-1.7.2.js"></script>

<scripttype="text/javascript">

// dom文档加载完就会执行,而且是按照顺序执行,onload事件是对象引用,页面加载完并且关联号dom等相关准备工作完成,才会执行,且只会执行最后一次的引用

     $(document).ready(function()

     {

              alert("Hello");

     });

 

     $(document).ready(function()

     {

              alert("World");

     });

</script>

jQuery获取的html元素是以数组的形式

var d =document.getElementById("div1");

             alert(d.innerHTML);

             // dom 转换为 jQuery对象 扩展了功能

             var jd = $(d);

             alert(jd.html());

             // jQuery 对象-->转换为dom对象

             var e = $("a")[0];

           alert(e.innerHTML);

3、  jQuery 选择器

////////////首先看下css选择器

a.    标签选择器,以文档元素的标签名称作为选择器

b.    ID选择器,文档中某个元素属性的ID值

c.    类选择器 div.x 应用到div元素中class=”x”的元素,.x 表示引用到文档中所有class=”x”的文档元素

d.    群组选择器 td, tb, div.a{…}

e.    后代选择器 #links a

f.     通配选择器 * 表示所有内容

/////////////jQuery选择器

 

 

JQuery的初学笔记——和原生JS的区别

最近摸索着学习JavaScript,从W3School上学习了原生的JS,后来又开始学习JQuery,觉得先入为主的思想在我身上体现的太强烈了,总是在用JQuery的时候敲成原生的写法,可能还是对JQ...

jquery 初学笔记(二)

接jquery(一) /////////////jQuery选择器 (Basic:基本选择器、Level:层次选择器、Filter:过滤选择器、Form:表单选择器,操作form元素) (下面给...
  • MK259
  • MK259
  • 2012年03月28日 02:03
  • 519

jquery常用效果笔记

  • 2012年02月20日 15:28
  • 126KB
  • 下载

jQuery学习笔记

  • 2013年03月26日 23:20
  • 15KB
  • 下载

jQuery学习笔记1--千里之行始于足下

首先,我是一名PHP后台程序员,我做的的页面和用户体验很差。这让我萌发了学习WEB前端的一些技术。比如css和js,后来有人告诉我使用jQuery来做前端,界面效果非常好。于是开始了jQuery的学习...

jquery学习笔记

  • 2014年01月08日 14:15
  • 4KB
  • 下载

JQuery学习笔记(技术文档)

  • 2016年08月16日 09:19
  • 1.6MB
  • 下载

黑马程序员-JQuery读书笔记

------- Windows Phone 7手机开发、.Net培训、期待与您交流! ------- 1.jQuery-1.4.1-vsdoc.js文件是开发时提供自动提示功能的,程序引...
  • qiao325
  • qiao325
  • 2013年01月15日 09:02
  • 190

轻松玩转jQuery笔记

  • 2015年09月22日 16:44
  • 274KB
  • 下载

Jquery+Struts2笔记

  • 2014年03月18日 22:14
  • 10.21MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery 初学笔记(一)
举报原因:
原因补充:

(最多只允许输入30个字)