文章分类 -  前端行为 jQuery

1 2 下一页
JQuery学习笔记22——网页选项卡
摘要：1.获取选项卡的标签数组及选项卡内容的数组[代码]2.给选项卡的标签添加事件一：当单击当前选项卡是时，当前<li>元素高亮，同时去掉其他同辈<li>元素的高亮[代码]3.给选项卡的标签添加事件二：当前<li>元素对应的<div>元素内容显示，同时隐藏其他同辈<div>元素的高亮[代码]4.添加鼠标划过标签时的效果[代码]完整代码：[代码] 阅读全文
posted @ 2009-07-27 11:26 郭培 阅读(410) 评论(0) 推荐(0)
JQuery学习笔记21——网页文字大小
摘要：最终效果是：当单击“放大”“缩小”按钮时可以逐次增加段落文字的大小。1.获取当前段落文字的字号大小[代码]2.把获取的字号大小分解成“数字”和“单位”两部分[代码]3.给"放大"“缩小”按钮添加事件[代码]完整代码：[代码]注释：1.parseFloat() 函数可解析一个字符串... 阅读全文
posted @ 2009-07-24 17:35 郭培 阅读(249) 评论(0) 推荐(0)
JQuery学习笔记20——表格内容筛选
摘要：表格内容筛选需要用到两个选择器：1.contains：能匹配包含指定文本的元素2.filter：筛选出与指定表达示匹配的元素集合filter(":contains('王')");一.简单的筛选效果1.表格内容：[代码]2.所表格除thead内容外全部隐藏[代码]3.将表格行中有“王”字的表格行显示[代码]完整代码：[代码]二.根据文本框中输入的内容筛选表格行最终效果是：与文... 阅读全文
posted @ 2009-07-24 15:54 郭培 阅读(1198) 评论(0) 推荐(0)
JQuery学习笔记19——表格展开关闭
摘要：1.这个效果的关键是表格的结构：[代码]2.根据样式名称获取单击的分类行：[代码]3.给获取的分类行添加单击事件：（1）给当前分类行添加/删除高亮（2）隐藏/显示所谓子行[代码][代码]需要注意的是：.siblings(".child_row_01")样式名称前要加"."。[代码]完整代码：[代码]如果我们想一打开页面就是一个折叠的效果可以[代码] 阅读全文
posted @ 2009-07-24 14:16 郭培 阅读(744) 评论(0) 推荐(0)
JQuery学习笔记18——复选框控制表格行高亮
摘要：1.判断当前行是否是高亮显示[代码]2.如果是高亮显示，则[代码]3.如是不是高亮显示，则[代码]4.默认选中行需高亮显示[代码]完整代码：[代码]使用三元运算简写代码：[代码] 阅读全文
posted @ 2009-07-24 11:33 郭培 阅读(440) 评论(0) 推荐(0)
JQuery学习笔记17——单选框控制表格行高亮
摘要：[代码] 阅读全文
posted @ 2009-07-21 17:30 郭培 阅读(407) 评论(0) 推荐(0)
JQuery学习笔记16——表单验证
摘要：[代码]注：trigger("blur")不仅会触发为元素绑定的blur事件，也会触发浏览器默认的blur事件，即不能将光标定位到文本框上。而triggerHandler("blur")只会触发为元素绑定的blur事件，而不触发浏览器默认的blur事件。 阅读全文
posted @ 2009-07-20 15:39 郭培 阅读(320) 评论(0) 推荐(0)
JQuery学习笔记15——$.getJSON()方法
摘要：[代码] 阅读全文
posted @ 2009-07-16 15:44 郭培 阅读(257) 评论(0) 推荐(0)
JQuery学习笔记14——$.getScript()方法
摘要：$.getScript()方法用来直接加载.js文件，不需要对JavaScript文件进行处理，javascript会自动执行。[代码] 阅读全文
posted @ 2009-07-16 14:54 郭培 阅读(453) 评论(0) 推荐(0)
JQuery学习笔记13——下拉列表框的简单应用
摘要：[代码] 阅读全文
posted @ 2009-07-16 14:02 郭培 阅读(249) 评论(0) 推荐(0)
JQuery学习笔记12——GET请求和POST请求
摘要：1.GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然，在Ajax请求中，这种区别对用户是不可见的。2.GET方式对传输的数据大小限制（通常不能大于2KB），而使用POST方式传递的数据量要比GET方式大得多（理论上来讲不受限制）。3.GET方式和POST方式传递的数据在服务器端的获取也不相同。在PHP中，GET方式的数据可以用$_GET[... 阅读全文
posted @ 2009-07-15 18:02 郭培 阅读(470) 评论(0) 推荐(0)
JQuery学习笔记11——jQuery对象和DOM对象
摘要：DOM对象DOM(Document Object Model,文档对象模型)。通过JavaScript中的getElementsByTagName或者getElementById等来获取元素节点，像这样得到的DOM元素叫做DOM对象。DOM对象可以使用JavaScript中的方法。jQuery对象JQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象可以使用jQuery中... 阅读全文
posted @ 2009-07-15 17:17 郭培 阅读(146) 评论(0) 推荐(0)
JQuery学习笔记10——复选框应用
摘要：[代码] 阅读全文
posted @ 2009-07-15 15:38 郭培 阅读(145) 评论(0) 推荐(0)
jQuery学习笔记9——多行文本框流动条高度变化
摘要：这个例子中用的是滚动条的scrollTop属性[代码] 阅读全文
posted @ 2009-07-14 18:25 郭培 阅读(269) 评论(0) 推荐(0)
jQuery学习笔记8——多行文本框高度变化
摘要：[代码] 阅读全文
posted @ 2009-07-14 18:17 郭培 阅读(442) 评论(0) 推荐(0)
jQuery学习笔记7——单行文本框
摘要：单行文本框获取和失去焦点改变样式.[代码]添加jQuery事件[代码]或者[代码]"input"只配合<input/>元素":input"可以匹配所有<input>,<textarea><select><button>元素 阅读全文
posted @ 2009-07-12 12:58 郭培 阅读(431) 评论(0) 推荐(0)
jQuery学习笔记6——自定义动画方法animate() 二
摘要：现在我们使用animate()方法实现一个综合的动画效果。单击<div>后让它向右移动的同时增大它的高度，并且将它的不透明度从100%变换成50%，然后再让它从上到下移动，同时宽度变大，不透明度又从50%变换成100%，当这些效果完成后，再把它的边框变成{borer:5px solid bule;} [代码]我们也可以使用animate()方法中的回调函数参数来实现这样的效果。只需改为... 阅读全文
posted @ 2009-07-11 12:54 郭培 阅读(851) 评论(0) 推荐(0)
jQuery学习笔记5——自定义动画方法animate() 一
摘要：在jQuery中不但提供了一些简单的动画方法如show(),hide()可以同时修改元素的多个样式高度、宽度和不透明度；fadeOut(),fadeIn()只会修改元素的不透明度；slideDown()，slideUp()只会改变元素的高度。而且提供了一个可以自定义动画的方法animate()方法。animate(parama,speed,callback);1)parama:一个包含样式属性及值... 阅读全文
posted @ 2009-07-11 12:08 郭培 阅读(289) 评论(0) 推荐(0)
jQuery学习笔记4——event.pageX()方法/event.pageY()方法
摘要：该方法的作用是获取到光标相对于页面的X坐标和Y坐标。网页中常用的title提示效果就和这两个属性有关。 [代码] 阅读全文
posted @ 2009-07-10 16:27 郭培 阅读(2142) 评论(0) 推荐(1)
jQuery学习笔记3——事件属性event.preventDefault()
摘要：preventDefault()方法用来阻止元素的默认行为，如单击超链接会跳转，单击‘提交’按钮后表单会提交等。[代码] 阅读全文
posted @ 2009-07-10 15:22 郭培 阅读(1351) 评论(0) 推荐(0)

1 2 下一页