论坛无法使用 jQuery
<style>#kanBox { margin:10px auto; width:95%; padding:10px; display:none; }
#btnBox { border:1px solid #aaa; width:100px; height:24px; line-height:24px; text-align:center; cursor:pointer; }
#kanBox p { margin: 8px 0; }
</style>
<div id="kanBox">
<p>通过查看源码，了解到dz论坛有使用jQuery的迹象，因此之前我谈到在dz论坛发帖理论上可以使用jQuery资源。后来我再仔细研究dz的页面代码，发现dz的 $ 语句与jQuery不太一样，经分析得知，原来jQuery必须用到的保留字 $ 被dz的另一个JS封装所使用，jQuery和它会有冲突，这个问题dz没有给出解决机制。</p>
<p>jQuery自身早就考虑都 $ 可能存在的冲突问题。它给出的方案是：一、jQuery引用于其他JS封装之前；二、引用完毕，立马加一个script声明，仅一句，<span><script>$.noConflict();</script></span>。处理起来是简单的，可惜dz没有去做，解决问题需要dz论坛管理者去修改相关程序文件。</p>
<p>jQuery十分强大，也被广泛应用。试着在本地运行如下代码（需要将jQuery文件和HTML文档放在同一个目录）：</p>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="gbk" />
<title>jQuery练习</title>
<script src="jquery.js" type="text/javascript"></script>
</head>
<body style="background:olive;">
<style>
#kanBox { margin:10px auto; width:95%; height:400px; background:#eee; border:1px solid #aaa; padding:10px; display:none; }
#btnBox { border:1px solid #aaa; width:100px; height:24px; line-height:24px; text-align:center; cursor:pointer; }
</style>
<div id="kanBox">代码跑了 :))</div>
<div id="btnBox">查看内容</div>
<script type="text/javascript">
$(document).ready(function(){
var down = true;
$(".btnBox").click(function(){
if(down){
$(".kanBox").slideDown("slow");
$(".btnBox").html("收起内容");
down = false;
} else {
$(".kanBox").slideUp("slow");
$(".btnBox").html("查看内容");
down = true;
}
});
});
</script>
</body>
</html>
<p>打包下载jQuery和练习文档 → jq.rar</p>
</div>
<div id="btnBox">查看内容</div>
<script type="text/javascript">
var down = true;
var btn = document.getElementById('btnBox');
var pa = document.getElementById('kanBox');
btn.onclick = function(){
if(down){
pa.style.display = "block";
btn.innerHTML = "收起内容";
down = false;
} else {
pa.style.display = "none";
btn.innerHTML = "查看内容";
down = true;
}
};
</script>
黑黑的研究太深入了，这些影子根本就不懂了。来给黑黑点赞{:4_199:} 这个帖子的最后有的打包下载学习JQ的资料，这个是用来学习jQuery的么、我感觉我可能学不会啊{:4_201:} 刚才学做个灯笼的帖子，发现论坛无法使用z-index:的负值。
灯笼总是跑到图片后面，想起黑黑在月亮星星那个帖子教过z-index的设置，把图片设成负值，本地演示挺好，灯笼出来了，发到论坛，图片不见了，折腾半天才感觉可能是那个负值的问题。
只能给灯笼设个z-index的正值，还好灯笼也出来了。学艺不精，折腾够呛：） 红影 发表于 2022-1-24 15:04
刚才学做个灯笼的帖子，发现论坛无法使用z-index:的负值。
灯笼总是跑到图片后面，想起黑黑在月亮星星那个 ...
设置为1000就可以在最上层了吧大概 红影 发表于 2022-1-24 14:59
这个帖子的最后有的打包下载学习JQ的资料，这个是用来学习jQuery的么、我感觉我可能学不会啊
感受一下即可 红影 发表于 2022-1-24 14:57
黑黑的研究太深入了，这些影子根本就不懂了。来给黑黑点赞
前端开发，有人更喜欢用纯粹的JS做事，有人则对jQuery爱不释手。毕竟，jQuery是封装有丰富的自定义函数，还是很不错的。 马黑黑 发表于 2022-1-24 17:08
设置为1000就可以在最上层了吧大概
我本来想设置图片的Z值只要设置一个负的，而设置灯笼需要设置两个正值啊，想偷懒一下，没偷成{:4_173:} 马黑黑 发表于 2022-1-24 17:08
感受一下即可
这个在我这算是最高层次，我连基础还没打好呢{:4_173:} 马黑黑 发表于 2022-1-24 17:10
前端开发，有人更喜欢用纯粹的JS做事，有人则对jQuery爱不释手。毕竟，jQuery是封装有丰富的自定义函数， ...
相当于有材料库了，不用自己去制作材料了，只使用材料就行。 红影 发表于 2022-1-24 21:43
相当于有材料库了，不用自己去制作材料了，只使用材料就行。
它是JS的二次开发，变成了一门基于JS的语言了
红影 发表于 2022-1-24 21:42
这个在我这算是最高层次，我连基础还没打好呢
我是说去感受一下它的效果 红影 发表于 2022-1-24 21:41
我本来想设置图片的Z值只要设置一个负的，而设置灯笼需要设置两个正值啊，想偷懒一下，没偷成
z-index为正值时离用户更近，反之相反 这个我完全不懂，而且看起来小辣椒课程拉下不少了{:4_203:} 小辣椒 发表于 2022-1-24 22:55
这个我完全不懂，而且看起来小辣椒课程拉下不少了
这个看不懂没关系了，只是你用过，那个评分飞的，就跟这个冲突有关 马黑黑 发表于 2022-1-24 22:23
它是JS的二次开发，变成了一门基于JS的语言了
真是好东西呢。 马黑黑 发表于 2022-1-24 22:23
我是说去感受一下它的效果
我怕吧自己弄混乱，还是一点点先学基础。{:4_173:} 红影 发表于 2022-1-24 23:09
真是好东西呢。
当然好，特别是做网站开发，省很多事 马黑黑 发表于 2022-1-24 22:28
z-index为正值时离用户更近，反之相反
理论上可以有负值啊，在本地试验时也是可以的。到论坛里不行了。嗯，下回记得设置正值来把后面的拉上来。 红影 发表于 2022-1-24 23:10
我怕吧自己弄混乱，还是一点点先学基础。
这个感受是下载了运行看看效果
页:
[1]
2