![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery特效
文章平均质量分 64
416984954
这个作者很懒,什么都没留下…
展开
-
使用jquery现实图片切换效果
无标题文档//窗体加载完成后执行该函数$(function(){$("#image").click(function(){//this表示底层的html元素,表示将这个元素的src从第7位开始截取,var idx=parseInt($(this).attr("src").substr(7));//共有6张图片,循环完以后从1开始重新循环if(++idx>原创 2016-01-07 15:00:54 · 280 阅读 · 0 评论 -
jquery选择器的使用事例
无标题文档/*$(function(){document.write("Hello.world");})*/$(function(){//使用jquery的各个选择器完成的字体效果,使用jQuery选择器选中的元素将被封装成jQuery对象,可以调用jquery的各种功能//Id选择器$("#box1").css("color","red");//类选择原创 2016-01-07 15:04:23 · 240 阅读 · 0 评论 -
jquery属性选择器使用事例
无标题文档$(function(){//将a标签herf属性为http://www.baidu.com字体改成红色$("a[href='http://www.baidu.com']").css("color","red");//将href属性以http开头的元素选中,设置字号为30px$("a[href^='http']").css("fontSize","30px原创 2016-01-07 15:08:15 · 319 阅读 · 0 评论 -
使用jquery过滤器实现隔行变色效果
无标题文档$(function(){//选中第一个tr元素,设置背景颜色为黑色,字体颜色为白色(过滤器先用类选择器选中后在设定条件。一般是数组形式的,针对特定的一组元素进行设置)$("tr:eq(0)").css({backgroundColor:"black",color:"white"}); //选中除了第一行以外(下标大于0)的tr元素中下标为奇数的tr,原创 2016-01-07 15:10:59 · 1440 阅读 · 0 评论 -
使用jquery实现表单点击进入、移出变色效果(一)
无标题文档$(function(){//选中第一个tr元素,设置背景颜色为黑色,字体颜色为白色(过滤器先用类选择器选中后在设定条件。一般是数组形式的,针对特定的一组元素进行设置$("tr:eq(0)").css({backgroundColor:"black",color:"white"}); //设置被选中元素的鼠标进入事件,首先选中元素$("tr:g原创 2016-01-07 15:39:10 · 652 阅读 · 0 评论 -
使用jquery实现表单点击进入、移出变色效果(二)
无标题文档$(function(){$("tr:eq(0)").css({backgroundColor:"black",color:"#FFF"});//事件处理方法可以声明参数接收事件(Event)对象$("tr:gt(0)").on("mouseover mouseout", function(e){//通过type属性可以获得当前发生的事件类型名称i原创 2016-01-07 16:01:33 · 284 阅读 · 0 评论 -
使用jquery实现表单点击进入、移出变色效果(三)
无标题文档$(function(){$("tr:eq(0)").css({backgroundColor:"black",color:"#FFF"});//hover是jQuery中的一个复合事件、//当鼠标进入选中的元素时,会执行第一个处理函数//当鼠标离开选中的元素时,会执行第二个处理函数$("tr:gt(0)").hover(//处理鼠标进入事件f原创 2016-01-07 16:26:36 · 353 阅读 · 0 评论 -
动态添加元素及添加事件
无标题文档#box{width:100px;padding:10px;border:1px solid black;}#box div{width:98px;height:20px; border:1px solid black;text-align:center;margin-bottom:5px;}$(func原创 2016-01-07 17:31:10 · 294 阅读 · 0 评论 -
动态表单添加及动态删除元素
无标题文档$(function(){ //绑定添加联系方式超链接的点击事件$("#linkAdd").click(function(){//创建新的联系方式的DIV元素var div=$("删除");//将新创建的div元素以最后一个子元素添加到contacts中//div.appendTo($("#contacts"));$("#conta原创 2016-01-07 18:04:38 · 1561 阅读 · 0 评论