JavaScript基础、JQuery基础使用

1. JavaScript https://www.w3school.com.cn/js/index.asp
JavaScript 是属于 HTML 和 Web 的编程语言。

编程令计算机完成您需要它们做的工作。

1.1 JS的组成

 ECMAScript(定义了JS的基本语法,命名规范,操作语句,变量,数据类型等最基础最核心的知识)
 DOM(document object model 文档对象模型) 提供了JS操作页面上元素的常用属性和方法
 BOM(browser object model 浏览器对象模型) 提供了JS操作浏览器的常用属性和方法

1.2 变量类型

 5种基本类型:unll,undefined,boolean,number,string

 1种复杂类型:object

 5种引用类型:Array,Object,Function,Date,RegExp

 3种基本包装类型:Boolean,Number,String

 2种单体内置对象:Global,Math

 undefined:没有定义的变量,var声明没有初始化的变量

1.3 JS的命名规范

a.严格区分大小写
b.使用驼峰命名法(匈牙利命名法)

   第一个单词的首字母小写,其余每一个有意义的单词的首字母都要大写
   只能使用数字、字母、下划线命名
   数字不能作为名字的第一位
c.不能使用关键字和保留字(关键字就是在JS中有特殊含义的;保留字是未来可能会成为关键字的;

1.4 js的引入方式

行内引入:安全性低

<div style="width: 300px;background: red; border-radius: 20px" onclick="alert('OK')">你好</div>

内嵌式:写在script标签中

外链式:通过script标签的src属性

2. jQuery jQuery 教程
jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”

2.1把 jQuery 添加到您的网页

如需使用 jQuery,您需要下载 jQuery 库然后把它包含在希望使用的网页中。

jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:

<head>
 
<script src="jquery.js"></script>
 
</head>

请注意,<script> 标签应该位于页面的 <head> 部分。

2.2 下载 jQuery

有两个版本的 jQuery 可供下载:

Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
这两个版本都可以从 jQuery.com 下载。

2.3 jQuery 语法


jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值