阅-JQ3
关注
分享
扫一扫
文章平均质量分 73
iteye_17658
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JQ 表格展开伸缩
style.csstable { border:0;border-collapse:collapse;}td { font:normal 12px/17px Arial;padding:2px;width:100px;}th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid...原创 2016-05-02 04:02:50 · 265 阅读 · 0 评论 -
JQ 合成事件
style.css*{margin:0;padding:0;} body { font-size: 13px; line-height: 130%; padding: 60px }#panel { width: 300px; border: 1px solid #0050D0 }.head { padding: 5px; background: #96E555; cursor: ...原创 2016-04-18 10:43:53 · 154 阅读 · 0 评论 -
JQ 事件绑定
style.css*{margin:0;padding:0;} body { font-size: 13px; line-height: 130%; padding: 60px }#panel { width: 300px; border: 1px solid #0050D0 }.head { padding: 5px; background: #96E555; cursor: ...原创 2016-04-18 10:05:47 · 129 阅读 · 0 评论 -
JQ DOM准备
demo.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript"&am原创 2016-04-18 09:56:30 · 163 阅读 · 0 评论 -
JQ ready()和onload的加载耗时
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=&原创 2016-04-16 17:26:57 · 194 阅读 · 0 评论 -
JQ CSS 和 DOM
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">.test { fo原创 2016-04-16 15:41:49 · 115 阅读 · 0 评论 -
JQ 遍历节点树
demo.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js&q原创 2016-04-16 11:57:43 · 424 阅读 · 0 评论 -
JQ 设置和获取HTML和文本和值
demo.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">.原创 2016-04-16 11:13:57 · 233 阅读 · 0 评论 -
JQ 表单验证
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2016-04-15 09:46:01 · 146 阅读 · 0 评论 -
JQ 事件冒泡
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>冒泡</title><style type="text/css">* { marg原创 2016-04-23 14:24:02 · 223 阅读 · 0 评论 -
JQ 事件对象的属性
demo.html<html><head><title>event.type</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="js/jquery-1.10.原创 2016-04-23 15:00:48 · 207 阅读 · 0 评论 -
JQ 移除事件
demo.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">*原创 2016-04-23 15:20:05 · 289 阅读 · 0 评论 -
JQ 表单验证精简版
style.cssbody { font:12px/19px Arial, Helvetica, sans-serif; color:#666;}form div { margin:5px 0;}.int label { float:left; width:100px; text-align:right;}.int input { padding:1px 1px; border...原创 2016-05-02 04:02:41 · 124 阅读 · 0 评论 -
JQ 选项卡
style.css*{ margin:0; padding:0;}body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;}.tab { width:240px;margin:50px;}.tab_menu { clear:both;}.tab_menu li { float:left; text-ali...原创 2016-05-02 04:01:16 · 124 阅读 · 0 评论 -
JQ 下拉框左右选择
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">* { margin原创 2016-04-30 15:25:48 · 212 阅读 · 0 评论 -
JQ 复选框全选反选
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-原创 2016-04-30 15:18:42 · 130 阅读 · 0 评论 -
JQ 多行文本框高度变化
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文本框高度变化</title><style type="text/css">* {原创 2016-04-30 12:00:47 · 319 阅读 · 0 评论 -
JQ 文本框得到失去焦点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">body { fon原创 2016-04-30 11:23:18 · 184 阅读 · 0 评论 -
JQ 其它的点击事件用法
demo.html<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>.over { color: red; ba原创 2016-04-25 08:48:22 · 167 阅读 · 0 评论 -
JQ 模拟操作
demo.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">*原创 2016-04-23 15:35:27 · 127 阅读 · 0 评论 -
JQ 包裹节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=&原创 2016-04-14 09:53:03 · 189 阅读 · 0 评论 -
JQ 样式操作
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">.high { fo2016-04-14 09:39:32 · 136 阅读 · 0 评论 -
JQ 属性操作
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=&原创 2016-04-14 09:23:24 · 163 阅读 · 0 评论 -
JQ 基本过滤选择器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2016-04-11 17:16:40 · 160 阅读 · 0 评论 -
JQ 层次选择器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l原创 2016-04-11 17:15:09 · 131 阅读 · 0 评论 -
JQ 收起和展开的菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2016-04-11 16:55:31 · 182 阅读 · 0 评论 -
JQ 隔行变色
<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">win原创 2016-04-11 16:29:29 · 221 阅读 · 0 评论 -
JQ 用 ajax 函数读取并解析 XML
ajax.xml<?xml version="1.0" encoding="UTF-8"?><stulist> <student email="[email protected]"> <name>zhangsan</name> <id>1&am原创 2016-04-11 15:36:56 · 143 阅读 · 0 评论 -
JQ 超链接提示
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><style ty2016-04-07 11:07:53 · 223 阅读 · 0 评论 -
JQ validation表单验证
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" cont原创 2016-04-07 10:02:05 · 162 阅读 · 0 评论 -
JQ 控制字体大小
style.css* { margin:0; padding:0; }.msg {width:300px; margin:100px; }.msg_caption { width:100%; overflow:hidden; margin-bottom:1px;}.msg_caption span { display:block; float:left; margin:0 2px...原创 2016-04-06 17:15:05 · 435 阅读 · 0 评论 -
JQ 可见性过滤选择器
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><!-- 引入jQuery --><script src="原创 2016-04-12 08:42:34 · 177 阅读 · 0 评论 -
JQ 属性选择器
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=原创 2016-04-12 08:42:38 · 159 阅读 · 0 评论 -
JQ 子元素过滤选择器
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=原创 2016-04-12 08:42:43 · 185 阅读 · 0 评论 -
JQ 替换节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=&原创 2016-04-14 09:11:41 · 188 阅读 · 0 评论 -
JQ 复制节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=原创 2016-04-14 08:43:49 · 344 阅读 · 0 评论 -
JQ 删除节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=原创 2016-04-13 09:25:01 · 130 阅读 · 0 评论 -
JQ 插入节点和移动节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type=原创 2016-04-13 09:24:54 · 326 阅读 · 0 评论 -
JQ 创建节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js原创 2016-04-13 09:24:43 · 121 阅读 · 0 评论 -
JQ 查找节点
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js原创 2016-04-13 09:24:41 · 198 阅读 · 0 评论