`
- 浏览:
56609 次
- 性别:
- 来自:
北京
-
有不对的地方和走偏的地方,希望大家指点哈~~谢啦~~
记录学习jquery的点点滴滴~~~~
第一天:(参考15天学会jquery)
1、 使用jquery要引入jar包;使用什么插件,引入什么jar。
2、 可以使用$(document).ready(function(){。。。 }方法,里面可以写很多个js方法。
3、 eg:
html:
<table class="stripe_tb" >
<tr>
<th>姓名</th>
</tr>
</table>
css:
<style type="text/css">
.stripe_tb th {
background:#B5CBE6;
}
.stripe_tb td {
padding:6px 101px;
}
.stripe_tb tr.alt td {//class名叫alt
background:#ecf6fc; /*这行将给所有偶数行加上背景色*/
}
//如果想让单击每一个单元格分别显示,则改成tr td.over在jquery调用时改成$(".stripe_tb tr td").mouseover(function(){
.stripe_tb tr.over td{//class名叫over
background:#000000; /*这个将是鼠标高亮行的背景色*/
}
js:
<script type="text/javascript">
$(document).ready(function(){
$(".stripe_tb tr").mouseover(function(){
//如果鼠标移到class为stripe_tb的表格的tr上时,执行函数
$(this).addClass("over");}).mouseout(function(){
//给这行添加class值为over,并且当鼠标移除该行时执行函数
$(this).removeClass("over");}) //移除该行的class
$(".stripe_tb tr:even").addClass("alt");
//给class为stripe_tb的表格的偶数行添加class值为alt
});
</script>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
ASP.NET实例开发源码——OneMore后台权限框架v1.0.zip这个压缩包提供了一个基于ASP.NET技术的后台权限管理框架。此框架的核心目标是帮助开发者实现高效、安全且易于维护的后台系统。以下是该框架可能包含的关键知识...
本篇文章将深入探讨jQuery中的`one()`方法,这是一个用于事件处理的独特功能,允许开发者为元素绑定一个只触发一次的事件处理函数。 `one()`方法的核心在于它的一次性特性,这使得它在某些场景下特别有用,比如初始...
【ASP.NET 源码分析——Zeroone CMS v3.1.3】 ASP.NET 是微软公司推出的一种基于.NET Framework的服务器端网页开发技术,它提供了一种高效、强大的方式来构建动态网站、Web应用程序和Web服务。在"Zeroone v3.1.3"这...
——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种...
在JavaScript的世界里,jQuery是一...在实际开发中,结合其他jQuery事件处理方法,如`one()`(仅执行一次的事件处理函数)和`delegate()`(针对未来可能添加的元素绑定事件),我们可以构建出响应用户交互的动态网页。
无论是使用原生JavaScript还是jQuery来实现全选功能,关键是理解其中的核心逻辑——即如何根据全选按钮的状态来更新所有复选框的状态,以及如何根据所有复选框的状态来更新全选按钮的状态。此外,根据项目的实际需求...
在实现图片裁剪功能时,我们通常会借助jQuery的一个插件——JQuery Cropper。这个插件提供了直观的拖动选择区域,让用户可以自由地裁剪图片。以下是使用该插件的基本步骤: 1. **引入依赖**:在HTML页面中,我们...
由于文件内容反复提及的是一个名为51旧书网的二手书籍交易平台,因此这里我们将重点放在解析标题与描述中的关键词——“锋利的jQuery”,并结合对jQuery的基本理解和相关知识点进行展开。 ### 锋利的jQuery #### ...
bind()————————-版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除) live()————————–版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除) delegate()——————-版本号小于1.7...
1. **版本区分**:jQuery提供了两种版本供用户选择——**压缩版**和**非压缩版**。压缩版是为了提高加载速度,在正式环境中使用;非压缩版则包含了注释和空白字符,便于调试和学习。 2. **别名定义**:在jQuery中,...
该书旨在介绍如何利用JavaScript及其流行的库——jQuery进行XMPP协议的应用程序开发。 #### 标签分析:“XMPP JavaScript jQuery” - **XMPP**:本书的核心技术之一,涉及XMPP协议的基础知识、应用场景及其实现...
- **简写形式**:为了提高代码的可读性及简洁性,jQuery提供了更简便的写法——`$(function(){});`,这与`$(document).ready(function(){});`是等效的。 #### 2. jQuery与DOM操作 - **jQuery vs DOM**: - **...
《Learning from jQuery》这本书深入浅出地讲解了jQuery的核心功能之一——事件处理。通过学习如何监听、触发、移除事件,以及理解事件在DOM中的传播机制,开发者可以更有效地利用jQuery来构建交互丰富的Web应用。...
标题中的“手机静态模板——微官网html5触屏响应式手机wap网站模板”指的是一个专为手机设计的静态网页模板,它采用了HTML5技术,并且是触屏响应式的,适用于微官网的构建。这意味着该模板可以自适应不同尺寸的移动...
首先,我们来介绍最基本的事件绑定方法——`bind()`。`bind()`方法能够为所有匹配的元素的特定事件绑定事件处理函数。例如: ```javascript $('#clickme').bind("click", function() { alert("HelloWorldbind"); }...
比如:$(“a”)构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。如: $(“a”).click(function(){…}) 就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用这个...
- 一个良好的WordPress主题会考虑到搜索引擎优化(SEO),可能包含对Yoast SEO、All in One SEO Pack等插件的支持,以帮助提高网站在搜索结果中的排名。 10. **安全实践**: - 开发者应该遵循最佳安全实践,避免...