Jquery 与 原生 js的对比
16lz
2021-07-21
Jquery 与 原生 js的对比
Jquery 是使用js封装的一个库，Jquery 可以在官网下载，也可以在线引用。
作业内容：
1、下载并引用jQuery
官网下载，或在线引用
2、JavaScript 和 jQuery 对比。
js是一门编程语言，JQuery 是js 语言封装的js库，有点在于使用方便，操作dom更加轻松
3、列出 $() 的参数
$(‘.class’);
$(‘div’);
$(function(){ …});
4、列出选择器，并查看效果。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><title>Document</title></head><body><ul id="myUl"><li>1<ul class="nav"><li>11</li><li>22</li><li>33</li><li>44</li></ul></li><li>2<a href="">点我</a></li><li>3</li><li>4</li><li>5</li><li>6</li></ul><script>// document.querySelector('#myUl').style.color = 'red';let myUl = document.querySelector('#myUl');// id选择器myUl.style.color = 'red';// $('#myUl').css('color','red');// id选择器let navs = document.querySelector('.nav');// 类选择器navs.style.color = 'blue';// $('.nav').css('color','blue');// 类选择器let tags = document.querySelector('a');// 标签选择器tags.style.color = 'Chartreuse';// $('a').css('color','Chartreuse');// 标签选择器</script></body></html>
更多相关文章
- 字体图标的引用及页面布局盒模型常用属性
- 字体图标引用、无序列表颜色设置、盒模型
- 字体图标引用、网页布局与元素排列、盒模型使用
- 值与引用传递，模板字面量与标签函数，解构赋值，对象字面量的简化，bind
- PHP:OOP基础/类(对象抽象化的结果)与对象 (类实例化结果)/构造方
- Pycharm 查看代码引用时，想跳回到上一步 设置
- 2.1 对比Numpy和PyTorch
- 变量的类型转换方式 变量值传递与值引用的区别 变量的作用域 p
- 1. 变量的类型转换方式 2. 变量值传递与值引用的区别 2. 变量的