JQuery笔记

JQuery是什么?它是JavaScript框架,什么是框架,简单的来说就是约束你使用JavaScript的库。
你受他约束它就是框架,你不受它约束它就是一个库,所以很好理解,你只要遵循它的使用规则,你就可以使用JQuery的一些功能特性。

如何学习JQuery

==最好的方法就是看文档,没有之一,英文没关系,浏览器都有一个功能,那就是网页翻译==
点击进入JQuery官网

如何使用JQuery

在官网下载JQuery.js到你的项目中去,即可使用,其实你可以看成是自己写的一个.js代码库,插入到代码中之后直接使用就行了。

//可以在<head>标签中加入以下代码
<script src="../js/jquery.js"></script>
//这个是你自己写的JavaScript代码,要是用到jquery.js库注意先后顺序
<script src="../js/Utils.js"></script>

如何保证自己的代码中完全加载jquery.js后再来执行

//Utils.js文件
$(document).ready(function(){

});
//也可以简化成
$(function(){

});
//$符号代表的就是jQuery自身,ready方法中传入一个回调函数用于回调(也就是闭包)
click事件绑定
//可以使用jQuery为标签绑定事件,用法如下
//demo.html中
<body>
    <p id="show"></p>

    <script src="../js/Utils.js"></script>
</body>
//Util.js
$(document).ready(function(){
    $("#show").click(function(){
        alert("show");
    });
});
使用jQuery获取元素

提示:在JavaScript中获取一个元素可以用DOM,document.getElementById("aid"),或者document.getElementByClassName("aclass"),class的选择器是.开头(英文句号),id的选择器是#开头。

下面是使用jquery的方式

//Utils.js
//使用jquery就需要使用jquery对象的方法
$(document).ready(function(){
    alert($("#aid").html());
    //类选择器的时候,:eq(0)可以选择数组中的第几个元素
    alert($(".yourclass:eq(0)").html());
    //html()中直接写入参数可以直接更改HTML中的文本
    alert($(".yourclass:eq(0)").html("hello"));
})

其他复杂用法请自行复习JavaScript选择器。

==jquery中很多方法的实现实现是("要操作的元素").hover(传入一个回调方法),例如:("name").click(function(){ alert("ok") })==

具体的用法请查看jquery文档。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,093评论 0 3
  • jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuer...
    _chuuuing_阅读 284评论 0 0
  • DOM操作可分为3个方面:DOM Core(核心)、HTML DOM和CSS DOM(1)DOM Core不属于J...
    寒桥阅读 487评论 0 1
  • 故乡的老宅 文/张超我 许多年以前 我从这里出发 开始了我人生的旅程 一直走到今天 路过了一道道风景 有欢乐有苦痛...
    张超我阅读 115评论 0 0
  • 自从回老家待产,每晚6点半左右,都会在小区散步。期间遇到个老奶奶,由于时间和路径基本一致,就互相结伴同行。不知觉的...
    萌章阅读 69评论 0 0