加载addClass ,加载页面window.onload ,动态加载标签<p>
2012-10-30 14:31
651 查看
window.onload = function(){}窗体加载
$("<p>Hi there!</p>").insertAfter("#followMe");把"<p>Hi there!</p>"增加到"#followMe"标签后
$("table tr:nth-child(even)").addClass("striped");给标签元素加载Class
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Document-ready Test</title> <script type="text/javascript" src="../scripts/jquery-1.2.1.js"> </script> <script type="text/javascript"> window.onload = function() { alert('onload handler'); } $(function(){ alert('ready handler 1'); }); $(function(){ alert('ready handler 2'); }); $(function(){ alert('ready handler 3'); }); </script> </head> <body> </body> </html>
$("<p>Hi there!</p>").insertAfter("#followMe");把"<p>Hi there!</p>"增加到"#followMe"标签后
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Follow me!</title> <script type="text/javascript" src="../scripts/jquery-1.2.1.js"> </script> <script type="text/javascript"> $(function(){ $("<p>Hi there!</p>").insertAfter("#followMe"); }); </script> </head> <body> <p id="followMe">Follow me!</p> </body> </html>
$("table tr:nth-child(even)").addClass("striped");给标签元素加载Class
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Zebra Stripes!</title> <script type="text/javascript" src="../scripts/jquery-1.2.1.js"> </script> <script type="text/javascript"> $(function() { $("table tr:nth-child(even)").addClass("striped"); }); </script> <style> body,td { font-size: 10pt; } table { background-color: black; border: 1px black solid; border-collapse: collapse; } th { border: 1px outset silver; background-color: maroon; color: white; } tr { background-color: white; margin: 1px; } tr.striped { background-color: coral; } td { padding: 1px 8px; } </style> </head> <body> <table> <tr> <th>Year</th> <th>Make</th> <th>Model</th> </tr> <tr> <td>1965</td> <td>Ford</td> <td>Mustang</td> </tr> <tr> <td>1970</td> <td>Toyota</td> <td>Corolla</td> </tr> <tr> <td>1979</td> <td>AMC</td> <td>Jeep CJ-5</td> </tr> <tr> <td>1983</td> <td>Ford</td> <td>EXP</td> </tr> <tr> <td>1985</td> <td>Dodge</td> <td>Daytona</td> </tr> <tr> <td>1990</td> <td>Chrysler</td> <td>Jeep Wrangler Sahara</td> </tr> <tr> <td>1995</td> <td>Ford</td> <td>Ranger</td> </tr> <tr> <td>1997</td> <td>Chrysler</td> <td>Jeep Wrangler Sahara</td> </tr> <tr> <td>2000</td> <td>Chrysler</td> <td>Jeep Wrangler Sahara</td> </tr> <tr> <td>2005</td> <td>Chrysler</td> <td>Jeep Wrangler Unlimited</td> </tr> <tr> <td>2007</td> <td>Dodge</td> <td>Caliber R/T</td> </tr> </table> </body> </html>
相关文章推荐
- 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
- requireJS&seaJS模块加载器原理:<script>标签加载外部js文件用到的onload、onerror和onreadystatechange事件
- 使用<img>标签加载php文件,记录页面访问讯息
- 使用<img>标签加载php文件,记录页面访问讯息
- jsp页面动态展示list-使用<select>和<c:forEach>标签
- [UE4]C++实现动态加载的问题:LoadClass<T>()和LoadObject<T>() 及 静态加载问题:ConstructorHelpers::FClassFinder()和FObjectFinder()
- 页面动态加入<script>标签并执行代码
- Hibernate懒加载之<class>标签上的lazy
- [UE4]C++实现动态加载的问题:LoadClass<T>()和LoadObject<T>()
- html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比
- 018 关联映射文件中<class>标签中的lazy(懒加载)属性
- PHP动态加载html文件之后<head>中内容全部移动到<body>中导致页面头部存在空白
- Hibernate懒加载之<class>标签上的lazy
- [UE4]C++实现动态加载的问题:LoadClass<T>()和LoadObject<T>()
- 【转载】<实战> 分析PermGen上存放的被Classloader所加载的类实践
- html5:<canvas>标签实现动态效果
- 如何在JSP页面中使用JSTL标签实现if和if-else判断,判断条件使用<%=value%>
- JSTL标签库中<c:choose></c:choose>不能放JSP页面<!-- -->注释
- 在ASP.NET程序中用程序动态向<head>便签里添加<meta>标签
- jsp中<jsp:include>标签传递动态参数问题