js实现隐藏网页中的某个元素

JavaScript07

js实现隐藏网页中的某个元素,第1张

$("#id").hide()

或者:

$("#id").css("display", "none")

需要先引入jquery

<script language="javascript" type="text/javascript" src="js/jquery-1.7.2.js"></script>

页面放一张图:

<img id="myImg" src="./myPic.png">

按钮,按钮的点击事件调用myFun函数:

<button value="按钮" onclick="myFun()">

js中加入这个函数,利用jQuery的hide方法进行隐藏:

function myFun(){

$("#myImg").hide()//获取id为myImg的元素并隐藏

}

你是想实现类似于文本输入这样事件触发吗? 像文本输入框的文本内容变更(是value属性变化)时是有onchange事件的, 我们可以指定处理函数.

对于一般的元素来说, 浏览器提供的有关属性变化的事件很有限的. 而元素被隐藏时是没有事件的改变div的大小倒是有onsize事件. 这些都要看具体的元素各自支持哪些事件.