学习日记(一)———jQuery的初识

就是想把自己每天学习的东西写下来,以后不记得了还能找找,并且把握每天的时间,知道每天都做了些什么。希望以后的每天都能够坚持下来。(可能还有数据结构和算法之类的东西,觉得有感触的,或者觉得懂了的知识都会写下来。)

学习完JavaScript后就开始学习jQuery了。下面是做的一些笔记。

JavaScript 是Netscape公司开发的一种脚本语言。

jQuery 是由一个John Resig创建于2006年1月的开源项目。

jQuery版本2以上不支持IE6,7,8浏览器,如果需要支持IE6/7/8,那么请选择1.9.

jQuery的功能概括:

1. html的元素选取;

2. html的元素操作;

3. html dom遍历和修改;

4. js特效和动画效果;

5. css操作;

6. html事件操作;

7. ajax异步请求方式。


开始进入jquery的方法的学习。

$(document).reay 的作用是等页面的文档中的节点都加载完毕后,在执行后续的代码。

javascript代码:

var p = document.getElementById("demo");    //获取id为demo的元素

p.innerHTML = "hello";               //修改p的文本内容  

p.style.color = "red";                  //使p的文本颜色为红色

等同的jQuery代码:

var $p = $("#demo");                    //获取的是一个对象

$p.html("hello!").css("color","red");     //修改p对象的样式

从中可以看出,javascript的document.getElementById("demo");这么多,jquery只要用$("#demo");就可以了,体现了jquery的简洁性

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 2,185评论 0 43
  • 一.什么是jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整...
    love2013阅读 123评论 0 4
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 3,899评论 2 18
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    袁俊亮技术博客阅读 3,729评论 0 73
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 1,970评论 1 18