jquery
烟雨青山
不断的追求
展开
-
三天学会jquery
=======================第一天======================1、jQuery介绍 (www.jquery.org) jQuery是一个js框架(.js文件),它使用选择器查找要操作的节点,并且将查找到的节点封装成一个jQuery对象,然后调用jQuery对象的属性或者方法来实现对底层节点的操作。这样做的目的是:解决浏览器的兼容性问题,原创 2013-12-09 17:07:03 · 1285 阅读 · 2 评论 -
jquery操作案例版
//-----//选择器找到节点//-----//对节点的dom操作 1.jQuery编程的步骤: 第1步,使用选择器找到要操作的dom对象,该dom对象会被封装成jQuery对象 第2步,通过调用jQuery对象的方法或者属性来操作底层被封装的dom对象 例子: function f1(){ //第一步,使用选择器找到要操原创 2013-12-04 22:23:04 · 836 阅读 · 0 评论 -
jQuery事件处理,动画,类数组操作
1.事件处理 1.1.事件绑订 bind(type,fn); 例子: $(function(){ //正式的写法 $('#d1').bind('click',function(){ $(this).css('font-size','80px'); }); //简原创 2013-12-09 16:55:56 · 898 阅读 · 0 评论 -
jquery对ajax的支持
jquery对ajax的支持1.三个方法 1.1.load方法 //作用:将服务器返回的数据直接添加到符合要求的dom对象上 //相当于 obj.innerHTML = 服务器返回的数据 用法: $obj.load(url,[请求参数]); url : 请求地址 请求参数 : 第一种形式:请求字原创 2013-12-09 16:57:01 · 1022 阅读 · 0 评论 -
jquery的 $(function(){ }) = $(document).ready(function(){ }) ,及页面的加载顺序
document.ready和onload的区别:一、JavaScript文档加载完成事件页面加载完成有两种事件一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)二、是onload,指示页面包含图片等文件在内的所有元素都加载完成。用jQ的人很多人都是这么开始写脚本的: $(function(){// do something });原创 2015-01-07 10:13:57 · 731 阅读 · 0 评论 -
jquery鼠标悬停图片上下滚动切换
jquery鼠标悬停图片上下滚动切换.toll_img{ float:left;width:200px;height:514px;}.toll_info{ float:left;width:200px;height:514px;}$(function(){ $('div').mouseover(function(){ //alert('aaaaaaaaaa');原创 2015-01-21 10:24:07 · 2093 阅读 · 0 评论 -
jQuery 事件 - focus() 方法
jQuery 事件 - focus() 方法当输入框获得焦点时,改变它的背景色:$("input").focus(function(){ $("input").css("background-color","#FFFFCC");});定义和用法当元素获得焦点时,发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时原创 2015-01-07 10:26:35 · 1465 阅读 · 0 评论 -
Jquery遮罩层
Jquery遮罩层#BgDiv { background-color: #e3e3e3; position: absolute; z-index: 99; left: 0; top: 0; display: none; width: 100%; height: 1000px; opacity: 0.5; filter: alpha(opacity = 50); -moz原创 2017-03-08 21:58:58 · 606 阅读 · 0 评论