js学习笔记 jquery和js的区别

最新推荐文章于 2021-11-16 17:04:59 发布

酸柠涛啊

最新推荐文章于 2021-11-16 17:04:59 发布

阅读量188

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_44019875/article/details/107705625

版权

1.js代码块

脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。
但把脚本置于 <body> 元素的底部，可改善显示速度，因为脚本编译会拖慢显示。

2.显示内容

 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台

2.1使用 innerHTML 写入 HTML 元素更改

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

2.2document.write()
**在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML **

<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<button onclick="document.write(5 + 6)">试一试</button>
</body>
</html>

在这里插入图片描述
结果

3.语法

JavaScript 语句定义两种类型的值：混合值和变量值。
混合值被称为字面量（literal）。变量值被称为变量。
在 JavaScript 中，首字符必须是字母、下划线（-）或美元符号（$）

敏感区分大小写

JavaScript 中不能使用连字符。它是为减法预留的。
no:first-name, last-name
yes:first_name, last_name

4.运算
当数字和字符串相加的时候会把数字当做字符串然后进行拼接

var x = 911 + 7 + "Porsche";
结果： 918Poresche
var x = "Porsche" + 911 + 7;
结果：Porsche9117

5.数组

var cars = ["Porsche", "Volvo", "BMW"];

5.2对象

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

5.3typeof 运算符

typeof ""                  // 返回 "string"
typeof "Bill"              // 返回 "string"

typeof 0                   // 返回 "number"
typeof (7)                 // 返回 "number"
typeof (7 + 8)             // 返回 "number"

typeof 运算符对数组返回 "object"，因为在 JavaScript 中数组属于对象。

var person;                  // 值是 undefined，类型是 undefined

空值与 undefined 不是一回事。

空的字符串变量既有值也有类型。

5.4清空对象

var person = null;           // 值是 null，但是类型仍然是对象

var person = undefined;     // 值是 undefined，类型是 undefined

5.5
Undefined 与 Null 的区别
Undefined 与 null 的值相等，但类型不相等：

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

6.js和jquery的区别

1.js是网页脚本语言，jquery是基于js语言封装出来的前端框架
2.js取值 d.value;   赋值d.value=ss;
  jquery d.val();   无参数是取值，有参数是赋值
3.js操作属性
d.setAttribute("","");——设置属性、修改属性
d.removeAttribute("");——移除属性，引号里面写一个属性名
div.getAttribute();——获取属性
jQuery里面用来操作属性的方法：
添加属性：d.attr("test","aa"); 
移除属性：d.removeAttr("test"); ——移除test这条属性
获取属性：d.attr("test"); —— 在attr方法里面直接写入一个属性的名就可以了
4.样式改变
js中：d.style.backgroundColor="red";
jquery:d.css("background-color","yellow");