【jquery table的隔行变色 鼠标事件】的更多相关文章

jquery table的隔行变色 鼠标事件

一.鼠标事件 mouseover(function(){}); 鼠标移动到目标事件 mouseout(function(){}); 鼠标离开目标的事件 二.具体应用代码 <body> <h3>Books Info:</h3> <table id="table"> <tr> <td>书名</td> <td>价格</td> <td>描述</td> </t…

jQuery table tr隔行变色，鼠标移入移出变色，鼠标点击变色

.trover { background: #f9f9f9; } .trclick { background: #c4e8f5; } .treven{ background:#CCFFCC; } .trodd{ background:#ffffff; } $(function () { //鼠标移入该行和鼠标移除该行的事件 jQuery("#ajaxTable tr:gt(0)").mouseover(function () { jQuery(this).addClass("…

用JQuery实现表格隔行变色和突出显示当前行

用JQuery实现表格隔行变色和突出显示当前行 上源码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; chars…

jQuery选择器实现隔行变色和使用javaScript实现隔行变色

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--什么是选择器? jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名.属性名或内容对DOM元素进行快速.准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素性和行为的处理. 选择器的优势? 与传统的JavaScript获取页面元素和便携食物相比,jQuery选择器具有明显的优势,具体表现在…

JS---案例：表格隔行变色(鼠标划过背景色恢复)

案例:表格隔行变色(鼠标划过背景色恢复) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 500px; margin: 100px auto 0; } table { bo…

我的第一个jQuery插件--表格隔行变色

虽然网上有大量的插件供我们去使用,但不一定有一款适合你的,必要的时候还是要自己动手去敲的.下面,开始我的第一个插件... 参考<锋利的JQuery>,JQuery为开发插件增设了俩个方法:$.extend(object), $.fn.extend(object). 这篇博文对插件制作的讲解挺好的,就是有点长,但值得玩味:http://blog.csdn.net/guorun18/article/details/49819715 下面谈一个我对插件的(片面)理解: 插件分俩种: ·类级别组件开发…

table表格隔行变色

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"…

jQuery选择器实现隔行变色

<script type="text/javascript"> $(function(){ $("#tableName tr:nth-child(even)").addClass("trOdd"); }) </script>…

隔行变色&&鼠标移入变色

<html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload=function color(){ var box = document.getElementById("box"); va…

jquery插件之表格隔行变色并鼠标滑过高亮显示

该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <…