Test Run TextBox - 走看看

zoukankan html css js c++ java

Test Run TextBox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> //1 ID选择器 $("#div1")→getElementById() $(function () { $("#btn").dblclick(function () { alert("你双击我了！") }); }); //2 Tag选择器 $("input")→getElementsByTagName() $(function () { $("p").click(function () { alert("我是P，我快乐！"); }); }); //3 CSS选择器 $(".error") $(function () { $(".warning").click(function () { alert("这是警告信息！"); }); }); //4 多条件选择器 $("div,p,span.menuitem")→同时选择div标签，p标签和同时拥有menuitem样式的span标签 //5 JQuery隐式迭代 $(function () { var elements = $("#btn1"); if (elements.length <= 0) { alert("未找到指定元素"); return; } elements.mouseover(function () { alert("鼠标移上来了。"); }); }); </script> <style type="text/css"> .warning { color:Red; background-color:Yellow; } </style> </head> <body> <input type="button" id="btn" value="双击我给你好看" /> <p>Welcome</p> <p class="warning">请出示有效证件！</p> <p class="warning">请勿触碰！</p> <input type="button" value="点我呀" class="warning" /> </body> </html>

作者：樊勇
出处：http://www.cnblogs.com/fanyong/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
我的联系方式：fanyong@gmail.com
个人独立博客：www.fy98.com

查看全文

相关阅读:
8086汇编——课堂笔记整理2
8086汇编——课堂笔记整理1
PHP___认证___访问权限设置
 PHP___过期header expires
Vue深度学习（5）-过渡效果
 Vue深度学习（4）-方法与事件处理器
 Vue深度学习（3）
Vue深度学习（2）
Vue深度学习（1）
Vue.js 基本语法

原文地址：https://www.cnblogs.com/fanyong/p/2266832.html