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

查看全文

相关阅读:
学习进度条08
学习进度条07
子数组和最大值（二维）
学习进度条06
构建之法阅读笔记04
四则运算网页版
 泛型代码中的默认关键字
 js 日期大小比较
 c#Reverse字符串
 c#获取数组中指定元素的索引

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

热门文章
动态规划02
动态规划01
进度条05
进度条04
团队介绍
 进度条03
冲刺第四天
 冲刺第三天
 冲刺第二天
 冲刺第一天