✨课程链接
【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili
✨学习笔记
初识jQuery
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"><!-- cdn引入 https://www.bootcdn.cn/jquery/--><!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>--> <script src="lib/jquery-3.6.0.min.js"></script> <title>Title</title></head><body><!--公式 $(selector).action()--><a href="" id="test-jquery">点我</a><script> document.getElementById('id'); // selector 就是CSS的选择器 $('#test-jquery').click(function () { alert('hello jquery') })</script></body></html>选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.6.0.min.js"></script></head><body><a href="https://jquery.cuishifeng.cn/index.html">jQuery API 中文文档</a><script> // 原生JS // 标签选择器 document.getElementsByTagName(); // id选择器 document.getElementById(); // 类选择器 document.getElementsByClassName(); // jQuery // 标签选择器 $('p').click(); // id选择器 $('#id1').click(); // 类选择器 $('.class1').click();</script></body></html>事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.6.0.min.js"></script> <style> #divMove{ width: 500px; height: 500px; border: 1px solid red; } </style></head><body><!--获取鼠标当前坐标-->mouse:<span id="mouseMove"></span><div id="divMove"> 在这里移动鼠标</div><script> // 当网页元素加载完毕后 响应事件 // $(document).ready(function () { // // }); $(function () { $('#divMove').mousemove(function (e) { $('#mouseMove').text('x:' + e.pageX + 'y:' + e.pageY) }) })</script></body></html>操作DOM对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/jquery-3.6.0.min.js"></script></head><b......原文转载：http://www.shaoqun.com/a/889791.html
跨境电商：https://www.ikjzd.com/
telegram：https://www.ikjzd.com/w/1734
cicpa考试：https://www.ikjzd.com/w/1375
盘古集团：https://www.ikjzd.com/w/1448
✨课程链接【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili✨学习笔记初识jQuery<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><!--cdn引入https://www.bootcdn.cn/jquery
易麦：https://www.ikjzd.com/w/2048
FEN：https://www.ikjzd.com/w/2668
四季如画的童话古镇！日本极具特色的白川乡！：http://www.30bags.com/a/246164.html
四季银河，心飨臻味 -- 第三届"艺-韵-味 -- 四季"活动星耀京城：http://www.30bags.com/a/425925.html
四季之歌 秋去冬来万物藏_哈密：http://www.30bags.com/a/220472.html
四季之歌花雪随风不厌看 一片飞来一片寒：http://www.30bags.com/a/222523.html
男人太粗太长弄死了我了 我受不了了好想被狂躁：http://lady.shaoqun.com/a/248392.html
厨房挺岳双腿之间 你太大了岳你太紧疼了：http://www.30bags.com/m/a/249900.html
深圳杨丽萍云南映象歌舞集有哪些节目：http://www.30bags.com/a/514991.html
深圳杨丽萍十面埋伏舞剧门票多少钱（附购票入口）：http://www.30bags.com/a/514992.html
深圳杨丽萍十面埋伏舞剧演出时间：http://www.30bags.com/a/514993.html
深圳8月音乐会汇总（持续更新）：http://www.30bags.com/a/514994.html
No comments:
Post a Comment