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

查看全文

相关阅读:
SQL联合更新
 Service Oriented Architecture and WCF
ubuntu10.4 中安装中文输入法
 QT WINDOWS QTCreator
QImage,QPixmap,QBitmap,QPicture
一、Qt Creator的安装和hello world程序的编写
 解决ubuntu打开windows下保存的txt文件中文乱码问题
 Windows+QT+Eclipse+MinGW搭建QT开发环境详细教程
 虚拟机VMware Workstation v6.5官方正式版+汉化补丁+算号器（附安装及使用图解教程）（转）
决定你是穷人还是富人的12条

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