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

查看全文

相关阅读:
小结css2与css3的区别
 javascript变量的作用域
 javascript面向对象
 小结php中几种网页跳转
 foreach
post与get,这两人到底神马区别？？
typescript遍历Map
dataTable.js参数
 showModal()和show()的区别
 javascript中location.protocol、location.hostname和location.port

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