2、其次添加一些简单的html,需要添加对应的点击事件函数,在函数中,先利用jquery的选择器方法来获取到a链接。
3、然后获取到链接后,就用一个for循环来得到div里所有链接的id,主要是通过jquery的attr方法来得到每个链接控件的id属性,得到后,将其保存进数组里,通过alert方法来弹出显示所有链接的id。
4、最后在运行页面可以看到有二个链接,点击一下按钮,点击后,会弹出一个alert窗口,这里显示出了二个链接的id属性,对比代码里的值,获取的结果是正确的即可。
1、新建HTML文件。
2、引入jquery.min.js文件。
3、创建div和按钮并添加class样式。
4、接下来需要创建css样式。
5、创建js点击事件。
6、当点击按钮移除div元素。
7、点击按钮效果如图所示。
扩展资料
1、<body></body>所有div应该都放在body里面 应该这个才是内容区你把他们反正不是头和内容直接,网页解析肯定会出错的。
2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样式部分,用CSS去解析而不是HTML。
3、内容区镶套了大量的多余DIV这属于多DIV症,这样会导致页面镶套混乱,然后加上你的那多浮动会出现做迷藏事件。
4、浮动后没有清楚浮动这样会产生很多的影响。
这个到是不难,代码如下
<div onclick="showOtherDiv()" style="border:1px solid #fff">点击显示另一个div</div><div id="otherDiv" style="display:noneborder:1px solid red">点击后显示的div</div>
<script type="text/javascript">
function showOtherDiv(){
//获取要显示的div对象
var otherDiv=document.getElementById('otherDiv')
//显示
otherDiv.style.display="block"
}
</script>