js和jq悬停添加新class

html:<div id="sign">this is test!</div>
css:　　　　　　<style type="text/css">.out{background-color: gray;}.over{background-color: red;}.down{background-color: yellow; }
</style>　Way1:js:$(function(){var sign=document.getElementById("sign");changBkColor(sign);
});
function changBkColor(obj){obj.onmouseover=function(){ this.className="over"; };//鼠标悬停事件obj.onmouseout=function(){ this.className="out"; };//鼠标离开事件obj.onmousedown=function(){this.className="down";};//鼠标点击时触发事件
}Way2：（JQuery）/*  $(obj).hover(inFunction,outFunction)*　等同于$(obj).mouseover().mouseout();
*/
$(function(){$('#sign').hover(function() {$('#sign').addClass('over');}, function() {$('#sign').removeClass('over').addClass('out');});
});

js和jq悬停添加新class相关推荐

JS 在元素后面添加新的元素
js中没有insertAfter元素,只有insertBefore函数: function insertAfter(newElement, targentElement) {var parent = ...
【js细节剖析】通过=操作符为对象添加新属性时，结果会受到原型链上的同名属性影响...
在使用JavaScript的过程中,通过"="操作符为对象添加新属性是很常见的操作:obj.newProp = 'value';.但是,这个操作的结果实际上会受到原型链上的同名属性 ...
js 对象中添加新属性
js 对象中添加新属性对象数组添加新属性同名属性会被覆盖,相同属性会去重
JS中数组的常用方法（concat拼接，join修改间隔符，pop移除最后一个元素，push在数组最后添加新的元素，reverse反转数组元素，shift移除第一个元素，unshift添加，spli）
<html><head><title>js数组的常用方法</title><meta charset="UTF-8"/>& ...
用html向表格插入新行,js向table表格中插入添加新行和选择删除行
js向table表格中插入添加新行和选择删除行-综合特效-网页特效-站长新动力-msxindl.com #tab{ width:50%; } #tab td{ height:2em; text-ali ...
jq添加新节点赋予class属性并获取该对象
声明 : 该文的编写纯属个人试验所得 ,供网友借鉴.如有错误,请留言!!! 首先,添加新节点的class属性不能运用click.change等事件,但能通过类名选择器获取该对象的value值. &l ...
JS在数组对象中添加新字段
在数组对象中每一项都添加相同字段第一步使用forEach遍历数组然后通过Object.assign()来添加 var arr = [{age:18,sex:'女'}, {age:30,sex:'男 ...
javaScript 对象添加属性和创建js对象的方式(以及理解：“无法给构造函数添加新的属性“)
1.javaScript 对象想要添加属性,非常简单 (1)直接添加,使用语法:objectName.propertyName 添加属性. 举例: var person = new Object(); ...
html和cs、js、jq 基础用法
# web01 1. web前端: 学习如何搭建页面 2. 数据库: 学习如何对数据进行增删改查 3. Servlet: 判断请求的目的从而做出对应的响应 (获取请求并做出响应) ###服务器 - ...

js和jq悬停添加新class

js和jq悬停添加新class相关推荐

最新文章

热门文章