jquery事件

Jquery的事件

通过今天对Jquery的回顾了解了Jquery的几个事件,分别分为：页面加载事件、简单事件、事件处理、高级事件处理。如下：
jquery代码：这里是有老师的一种方法和其他两个

//换肤大师第一种
			//	$(function () {
			//		    //给头部颜色的方块进行打勾，当前打勾，其余项打勾移除
			//		    $("#skin li").click(function () {
			//		        $(this).addClass("selected").siblings().removeClass("selected");
			//		        var cssName = $(this).attr("id");
			//		        changeSk(cssName);
			//		
			//		    })
			//		    if ($.cookie("MyCookie")) {
			//		        var cssName = $.cookie("MyCookie");
			//		        changeSkin(cssName);
			//		        $("#" + cssName).addClass("selected").siblings().removeClass("selected");
			//		    }
			//		    function changeSk(cssName) {
			//		        $("#cssfile").attr("href", "styles/skin/" + cssName + ".css");
			//		        $.cookie("MyCookie", cssName, { expires: 7, path: '/' });
			//		    }
			//	});

			//换肤大师第二种
			//        $(function(){
			//			$("#skin li").click(function(){
			//				$(this).addClass("selected").siblings().removeClass("selected");				
			//              var cssName = $(this).attr("id");
			//              //alert(cssName)
			//              $("#cssfile").attr("href","styles/skin/"+cssName+".css")
			//			})
			//		   })
			//换肤大师3
			$(function() {
				$("#skin li").click(function() {
					var css = "styles/skin/" + $(this).attr("id") + ".css";
					$("#cssfile").attr("href", css);
					$(this).addClass("selected").siblings().removeClass("selected");
				})
			})

效果图

接下来对二级菜单的收缩展开并且改变动画

$(function() {
					//最新动态
					$(".module_up_down img:first").click(function() {
						var $this = $(this);
						$(".scrollNews").slideToggle(1000, function() {
							var img = $this.attr("src");
							console.log(img);
							if(img == "images/up.gif")
								img = "images/down.gif";
							else
								img = "images/up.gif";
							$this.attr("src", img)
						})
					})
					//产品分类
					$(".module_up_down img:eq(1)").click(function() {
						var $this = $(this);
						$(".m-treeview").slideToggle(1000, function() {
							var img = $this.attr("src");
							console.log(img);
							if(img == "images/up.gif")
								img = "images/down.gif";
							else
								img = "images/up.gif";
							$this.attr("src", img)
						})
					})

效果图单机图标后慢慢收缩展开