JQuery菜鸟笔记(一)醉马踏千秋

JQuery是一个优秀的javascript类库,jQuery以其简洁、快速等优点征服了众多javascript开发者。jQuery使用户能更方便地处理DOM、events、实现动画效果,并且方便地为网站提供Ajax交互。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆javascript来调用命令了,只需定义id即可。(跟css有点类似)

它是轻量级的js库(压缩后只有21k),这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

开始学习--要求

务必要理解Javascript

认识JQuery需要做的五件事

1.Find:找到HTML页面中的元素2.Change:改变HTML的内容3.Listen:根据用户的操作做出反馈,比如按下按钮4.animate:在页面中使用动画效果5.talk:与网络互交,如果不想刷新页面而改变页面内容

什么是DocumentObjectModel

由浏览器生成的树状结构,从而能快速找到HTML中的元素,DocumentObjectModel简称:DOM

我们键入了一个地址,浏览器就会从地址中接受HTML,就像这样吧内容一段一段的加载到DOM中,一收到元素,就在DOM中创建节点,也就是HTML中的的下面...,可以说HTML是docunment的子节点,document就是HTML的父节点。

Function

为了用JQuery来操作DOM,我们把代码写到function中已达到目的,如:JQuery();改成JQuery(document);其中document也就是DOM

Find我们可以用选择器来找到DOM中的元素

Wheredoyouwanytodo

我们要找到h1的元素,可以这样写:Jquery("h1");简写可以这样写$("h1");

Change如何改变h1中的元素的值?我们首先获取到值,如:$("h1").text();这样就能获取到“Wheredoyouwanytodo”

改变:我们只需要将变化的值放到text的方法中就行了,如:$("h1").text("whereto");这样就能把DOM里面h1的text元素替换成"Whereto"

注意:HTML在浏览器中加载,可能JavaScript会在DOM加载完之前就运行了,这时候DOM是没有加载完的,这样h1元素可能不会Change的。你要确定DOM在加载完之后在和HTML互交

Ready在页面加载完之后,就会产生一个事件,也就是准备好了,我们要注意这个事件,来保证在DOM加载完之后JQuery才开始运行,我们可以这样写:JQuery(doucment).ready(function(){});这样一旦整个页面加载完function里面的代码就会运行

最后Change代码应该这样写:JQuery(doucment).ready(function(){$("h1").text("Whereto?")});

THE END
1.jQuery教程菜鸟教程jQuery 实例 在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。 jQuery 在线实例 jQuery 测验 在菜鸟教程上测试你的 jQuery 技能! jQuery 测验 jQuery 参考手册 在本教程中,你将学习到更多的jquery的使用方法。 https://www.runoob.com/jquery/jquery-tutorial.html
2.JQuery菜鸟教程笔记JQuery菜鸟教程笔记 这篇博客介绍了jQuery的基础知识,包括如何使用action()执行元素操作,如hide()。详细讲解了jQuery的选择器,如元素选择器、ID选择器、类选择器等,并展示了如何使用$()选择元素。还详细阐述了jQuery的事件处理,如click()、mouseenter()、mouseleave()等,并给出了各种事件的示例。此外,还探讨了https://blog.csdn.net/2401_83641314/article/details/137138170
3.jQuery教程菜鸟教程jQuery 教程 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 本章节的每一篇都包含了在线实例 通过本站的在线编辑器,你可以在线运行修改后的代码,并查看运行结果。 实例 [mycode3 type='javascript'] $(document).readyhttp://it028.com/jquery-tutorial.html
4.jquery字符菜鸟51CTO博客已为您找到关于jquery字符菜鸟的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及jquery字符菜鸟问答内容。更多jquery字符菜鸟相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。https://blog.51cto.com/topic/jqueryzifucainiao.html
5.JQuery菜鸟到忍者(jQueryNovicetoNinja)pdf版电子书下载或者多试试几个下载地址 ☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持! ☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。 ☉ 本站提供的JQuery 菜鸟到忍者(jQuery Novice to Ninja) pdf版资源来源互联网,版权归该下载资源的合法拥有者所有。https://www.jb51.net/books/27519.html
6.JQUERY从菜鸟到忍者(第二版)(豆瓣)通过《JQUERY从菜鸟到忍者(第2版)》您将轻松掌握jQuery的基础知识,为网站添加交互和动画;还将学习更高深的技术,包括使用插件、UI小部件及全新的iQuery Mobile框架。 作者简介 ··· 作者:(美国)卡斯尔戴(Earle Castledine) (美国)夏基(Craig Sharkie) 译者:张猛 卡斯尔戴(Earle Castledine)(即Mr Speaker)https://book.douban.com/subject/25862423
7.jQuery教程编程入门自学教程菜鸟教程免费教程分享jQuery入门教程- 从简单的步骤开始了解jQuery,从基本到高级概念,包括jQuery概述,基础知识,选择器,属性,遍历,CSS,DOM操作,AJAX支持,拖放,效果,事件处理,UI,插件-ins和其他相关的公用事业。 教程目录 jQuery - 概述 jQuery - 基础知识 jQuery - 选择器 https://www.jianshu.com/p/82f76ecbbaf5
8.菜鸟教程jquery学习记录笔记源码1菜鸟教程jquery学习记录笔记源码1 标签: JavaJQuery 收藏 //文档就绪$(functionmyFunction(){$("#h01").html("Hello Jquery");})//$(myFunction());//$(document).ready(myFunction);functionmyFunction(){//修改属性和内容$("#h01").attr("style","color:red").html("hello yq");}$(document).https://www.imooc.com/article/10747
9.jQuery教程在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。 jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。 基本上,您将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务。 https://www.w3school.com.cn/jquery/index.asp
10.JQuery·前端菜鸟成长记·看云所有的$都可以用jQuery代替 &("#id") JQ对象(默认情况下不能调用原生的属性和方法) document.getElementById("box") DOM对象(默认情况下只能调用原生的JS属性和方法) ###1.0 转换对象 1.0.1 JQ对象转换为DOM对象 $("#box")[0].style.backgroundColor = "red"; $("#box").get(0).style.backgroundhttps://www.kancloud.cn/nfwh/javascript/1446179
11.jQuery删除元素使用jQuery,我们可以轻松删除HTML元素。 我们有以下用于删除元素和内容的jQuery方法: remove() empty() unwrap() 下面将向您展示如何使用每种方法。 jQuery remove()方法 jQueryremove()方法从DOM中删除选定的元素及其子元素。 下面的示例从DOM中删除所有段落: https://www.cainiaojc.com/jquery/jquery_dom_remove.html
12.jquery库下载,rpa,机器人,自动化菜鸟教程网页您可以使用以下方法: 从 jquery.com 下载 jQuery 库. 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery. 下载 jQuery. 有两个版本的 jQuery 可供下载: Production version更多内容请查看https://www.runoob.com/jquery/jquery-install.html https://www.wdlinux.cn/html/biancheng/20241011/4656.html