jQuery学习笔记01:初试jQuery

jQuery学习笔记01:初试jQuery

一、下载jQuery

jQuery官网:https://jquery.com

jQuery学习笔记01:初试jQuery_第1张图片

jQuery学习笔记01:初试jQuery_第2张图片

jQuery学习笔记01:初试jQuery_第3张图片

二、案例演示——Welcome to jQuery World

1、在WebStorm里创建项目jQueryDemo

jQuery学习笔记01:初试jQuery_第4张图片

2、创建js目录,将jquery-3.4.1.js放入该目录

jQuery学习笔记01:初试jQuery_第5张图片

3、创建demo01.html

jQuery学习笔记01:初试jQuery_第6张图片




    
    demo01
    



jQuery is so useful.

I want to learn jQuery.

How can I learn jQuery well?

(1)导入jQuery

(2)$

          $表示jQuery类

(3)$()

          $()表示构造一个jQuery对象,比如$(document)表示一个jQuery对象,ready(function(){})是$(document)对象的方法,当文档下载完毕时要执行的操作;$('p')也表示一个jQuery对象,$('p').click(function(){})表示单击$('p')对象时要执行的操作。

4、在浏览器里打开网页demo1.html

jQuery学习笔记01:初试jQuery_第7张图片

jQuery学习笔记01:初试jQuery_第8张图片

任务:将单击后的段落设置为红色。

jQuery学习笔记01:初试jQuery_第9张图片

jQuery学习笔记01:初试jQuery_第10张图片

你可能感兴趣的:(网页三剑客)