目录
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
7.Web前端第三季(JavaScript):我自己写的笔记博客
操作:1:成功:104-使用jQuery获取HTML元素并进行简单操作
一.目的
1.想:学习前端知识
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
二.参考
1.我自己代码的GitHub网址
GitHub - xzy506670541/WebTest: SIKI学院的Web前端
2.SIKI学院:我参考此视频实操
- 我参考此视频实操
3.w3school官网:当做字典使用
4.菜鸟教程:当做字典使用
5.Web前端第一季(HTML):我自己写的笔记博客
6.Web前端第二季(CSS):我自己写的笔记博客
7.Web前端第三季(JavaScript):我自己写的笔记博客
三.注意
操作:1:成功:104-使用jQuery获取HTML元素并进行简单操作
1.运行结果:成功:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jQuery/jQuery%20Core%203.3.1-uncompressed.js"></script>
<script type="text/javascript">
$(function(){
// $("#one")会返回一个jQury对象
//#one:通过document的id找到标签
$("#one").show();//显示
$("#one").text("通过jQuery修改了div里面的内容");
});
</script>
</head>
<body>
<div id="one" style="display: none;">Category: Selectors</div>
</body>
</html>
1.jQuery查询字典
Selectors | jQuery API Documentationhttps://api.jquery.com/category/selectors/
操作:2:成功:105-jQuery对象和DOM对象的区别
1.运行结果:成功:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jQuery/jQuery%20Core%203.3.1-uncompressed.js"></script>
<script type="text/javascript">
//不使用jQuery无法实现
// var div=document.getElementById("one");
// div.innerText="不使用jQuery无法实现";
$(function(){
//1.jQuery方法
// $("#one")会返回一个jQury对象
//#one:通过document的id找到标签
// $("#one").show();//显示
// $("#one").text("通过jQuery修改了div里面的内容");
// 2.DOM方法
//方法一:
// var div=document.getElementById("one");
// div.innerText="方法一:DOM方法修改标签内容";
//方法二:
// var div=document.getElementById("one").innerText="方法二:DOM方法修改标签内容";
//方法三:
// document.getElementById("one").innerText="方法三:DOM方法修改标签内容";
//3.注意:jQuery和DOM对象的属性有区别
// $("#one").innerText="注意:jQuery和DOM对象的属性有区别";
// 4.jQuery转换为DOM对象,就可以使用DOM对象属性了
$("#one").get(0).innerText="jQuery转换为DOM对象";
})
</script>
</head>
<body>
<div id="one">Category: Selectors</div>
</body>
</html>
操作:3:成功:106-关于jQuery的API文档
1.运行结果:成功:
jQuery文档
地址:http://api.jquery.com/
文档下面的几个分类
选择器 Selectors
属性操作 Attributes
特效 Effects
事件 Events
CSS样式处理 CSS
遍历 Traversing
操作DOM节点 Manipulation