work hard work smart

专注于Java后端开发。 不断总结,举一反三。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2012年1月1日

摘要: jQuery CSS 函数CSS 属性描述$(selector).css(name,value)为匹配元素设置样式属性的值$(selector).css({properties})为匹配元素设置多个样式属性$(selector).css(name)获得第一个匹配元素的样式属性值$(selector).height(value)设置匹配元素的高度$(selector).width(value)设置匹配元素的宽度 阅读全文

posted @ 2012-01-01 22:44 work hard work smart 阅读(240) 评论(0) 推荐(0) 编辑

摘要: 1、JQuery 改变p中的文本值<html><head><script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").html("Update text&quo 阅读全文

posted @ 2012-01-01 22:32 work hard work smart 阅读(18870) 评论(0) 推荐(0) 编辑

摘要: jQuery Callback 函数. 首先隐藏文字,然后弹出对话框<html><head><script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").hide(1000 阅读全文

posted @ 2012-01-01 22:29 work hard work smart 阅读(511) 评论(0) 推荐(0) 编辑

摘要: 1、jQuery slideToggle() 表示简单的 slide panel 效果。<html><head><script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){$(".flip").click(function(){ $(".panel&qu 阅读全文

posted @ 2012-01-01 22:00 work hard work smart 阅读(44794) 评论(0) 推荐(0) 编辑

摘要: jQuery 事件Event 函数绑定函数至$(document).ready(function)将函数绑定到文档的就绪事件(当文档完成加载时)$(selector).click(function)触发或将函数绑定到被选元素的点击事件$(selector).dblclick(function)触发或将函数绑定到被选元素的双击事件$(selector).focus(function)触发或将函数绑定到被选元素的获得焦点事件$(selector).mouseover(function)触发或将函数绑定到被选元素的鼠标悬停事件 阅读全文

posted @ 2012-01-01 21:29 work hard work smart 阅读(220) 评论(0) 推荐(0) 编辑

摘要: 1、jQuery 属性选择器$("[href]") 选取所有带有 href 属性的元素。$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。2、jQuery CSS 选择器jQuery CSS 选择器可用于改 阅读全文

posted @ 2012-01-01 21:14 work hard work smart 阅读(293) 评论(0) 推荐(0) 编辑

摘要: 一、jQuery 语法:$(selector).action()美元符号定义 jQuery选择符(selector)“查询”和“查找” HTML 元素jQuery 的 action() 执行对元素的操作示例$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有段落$("p.test").hide() - 隐藏所有 class="test" 的段落$("#test").hide() - 隐藏所有 id="test" 的元素1、$(this).hide() 演示 jQ 阅读全文

posted @ 2012-01-01 20:40 work hard work smart 阅读(1058) 评论(0) 推荐(0) 编辑

摘要: 一、注意:添加jquery-1.7.1.js和jquery-1.7.1.min.js两个文件<html><head><script type="text/javascript" src="jquery-1.7.1.js"></script><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript& 阅读全文

posted @ 2012-01-01 18:19 work hard work smart 阅读(567) 评论(0) 推荐(1) 编辑