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 初学笔记(二)

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

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

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

Jquery+Struts2笔记

  • 2014-03-18 22:14
  • 10.21MB
  • 下载

JQuery教程自学笔记

  • 2014-03-18 18:05
  • 811KB
  • 下载

jquery笔记

http://www.w3school.com.cn/jquery/index.asp 简介         jQuery 是一个 JavaScript 库,极大地简化了 JavaScript...

jquery笔记

  • 2014-06-20 11:21
  • 14KB
  • 下载

jQuery学习笔记(一)

主要学习的内容如下: 1.  网页加载完成后的事件编写; 2. jQuery选择器的使用方法; 3. jQuery获取/修改标签内容和获取/标签属性值; 4. jQuery隐藏/显示标签 5...

jquery学习笔记

  • 2016-01-08 21:30
  • 898KB
  • 下载

jquery学习代码和笔记

  • 2013-09-20 09:22
  • 18.48MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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