zoukankan      html  css  js  c++  java
  • jQuery-添加、移出事件

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery-添加、移出事件</title>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
    	$(function (){
    		//移出事件, #beijing事件只能被点击一次
    		$("li:not('#guangzhou')").click(function(){
    			alert($(this).text());
    			if(this.id == "beijing"){
    				$("#beijing").unbind("click");
    			}
    		});
    		//one():只为某个元素添加一次事件,事件函数响应完后将不在响应改事件
    		$("#guangzhou").one("click", function (){
    			alert("我是小广州");
    			return false;
    		})
    	});
    </script>
    </head>
    <body>
    	<p>选择你所喜欢的城市?</p>
    	<ul id="city">
    		<li>哈尔滨</li>
    		<li id="beijing">北京</li>
    		<li>上海</li>
    		<li id="guangzhou">广州</li>
    	</ul>
    	<p>选择你所喜欢的专业?</p>
    	<ul id="major">
    		<li id="computer">计算机</li>
    		<li>会计</li>
    		<li>管理学</li>
    		<li id="print">印刷工程</li>
    	</ul>
    </body>
    </html>

  • 相关阅读:
    python 时间等待
    python threading多线程
    c 字符串的结束标志
    c 输出是自动显示输出类型
    c 的占位符
    c数据类型
    游戏引擎
    java 数据类型
    python 读写json数据
    python 多线程_thread
  • 原文地址:https://www.cnblogs.com/liuyanmin/p/5146543.html
Copyright © 2011-2022 走看看