JavaScript概述

最新推荐文章于 2020-11-21 20:54:50 发布

曾彬_1020

最新推荐文章于 2020-11-21 20:54:50 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_38334516/article/details/99707100

版权

一、js的特点

是一种脚本语言，嵌套在网页中
是基于对象的语言，也可以创建对象
是基于事件驱动的语言，任何触发js的操作都需要 “事件” 例如单击事件，双击事件，提交事件等
是一门安全及平台无关性语言
JS是一门解释型语言，只需要浏览器即可

二、js的变量声明

var 变量名 = 初始值
js是弱类型语音，声明时不需要指定数据类型，先赋值再使用

三、js的数据类型

基本数据类型
1.数值型 Number（包括小数和整数）
2.字符串型 String
3.布尔类型 boolean
4.空 null
5.未定义 undefined
引用数据类型（对象类型）
Object类型

四、js的函数定义

语法: function 方法名([参数列表]){
方法体
}

或者使用匿名方法
var 变量名 = function([参数列表] ){
方法体
}

五、js的常用方法

1、获取html元素：

document.getElementById("") 返回一个dom对象
document.getElementByName("") 返回数组对象
document.getElementByTagName("") 返回数组对象

2 获取元素的内容：
innerHTML 和 innerText

区别：

innerHTML ：获取或设置对象的所有内容，包含HTML标签
innerText：获取或设置对象的文本内容，不包含标签

3 给元素设置样式

对象.style.样式名=值，样式名来自css的样式名，
width -》 width 、 background-color -》 backgroundColor 遵循驼峰命名法
document.getELementById("").style
对象.className=值

jQuery

一、作用

jquery 封装了大量的API ，可以基本替代javascript的原生方法
jquery 可以操作样式，美化页面
jquery可以完成页面的dom元素的添加，删除，访问，检索，遍历
jquery可以提供ajax的封装
jquery UI 提供很多 ui组件。（用户界面）
jquery 提供大量的事件，提供一些表单验证的组件

二、语法

$(document).ready(function(){
     代码块
}

 window.onload=function(){
     代码块
}

以上两种写法区别

1、 onload 写法必须等待网页加载完，执行包裹语句块，ready 只需网页的dom结构加载完，即可执行
2、 onload 只能在页面上写一次，第二个次会覆盖，ready 可以写多次，依次按顺序加载
3、onload 没有简写 ready 可以简写
ready 简写

$(function(){
});

三、选择器

基本选择器

1 标签选择器 $(“p”) $(“div”).click（回调函数处理）
2、id选择器 $("#mydiv")
3 类选择器 $(".cls")
4 属性选择器 $("[type]")
5 交集选择器 $(“input[type=‘text’]”) 选择 input框中类型type=text的元素没有任何间隔符
6、并集选择器 $(“p,div,a”) .css(key ,value) ,给选中的元素设置样式
7 全局选择器 $("*")