≡ 分类 ≡
≡ 推荐 ≡
- PHP Token 认证机制实现
- PHP PDO预处理条件查询
- JavaScript 默认值设置方法
- Promise 的基本使用方法
- 完整支持TRUNCATE TABLE和其他SQL语句的导入方案
- Jquery+ajax返回的数据类型为script，且含有多个变量
- PHP类使用详解
- jQuery AJAX success 回调中的返回值处理
- PHP解压缩Gzip文件方法总结
- JavaScript Promise 用法详解
- PHP PDO 导出指定表数据（导入前清空表）
- PHP 中使用 try-catch 捕获错误信息
- JavaScript数组求平均值方法总结
- MySQL 5.7 忘记 root 密码解决方法
- HTML 图片异步加载
- 根据某数组，在另一个数组中检索并输出对应值
≡ 热点 ≡
- 用Javascript为图片img添加onclick事件
- 图解Windows Installer制作软件安装包
- 轻型数据库SQLite结合PHP的研发
- 在没有MySQL支持的虚拟主机，在PHP中使用文本数据库
- PHP之glob函数
- DIY服务器硬盘RAID选用
- PHP代码优化及PHP相关问题总结
- Windows操作系统发展历史二
- 用PHP函数解决SQL injection
- ISP如何在网内部署BGP路由协议
- Div+CSS：absolute与relative
- Photoshop CS3：为美女刷出亮白牙齿
- PHP CURL 发送和接收XML数据
- 采集cz88.net免费代理的小程序
- Fireworks打造热力四射手机广告
- 记录搜索蜘蛛爬行记录的Asp代码
jQuery：文档处理->外部插入->after(content)
after(content) 返回值:jQuery
概述
在每个匹配的元素之后插入内容。
参数
contentString, Element, jQuery
插入到每个目标后的内容
示例
描述:
在所有段落之后插入一些HTML标记代码。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").after("<b>Hello</b>");
结果:
<p>I would like to say: </p><b>Hello</b>
描述:
在所有段落之后插入一个DOM元素。
HTML 代码:
<b id="foo">Hello</b><p>I would like to say: </p>
...
类别：网页编程 - JavaScript 查看：169 更新：2014-05-28
jQuery：文档处理->内部插入->prependTo(content)
prependTo(content) 返回值:jQuery
概述
把所有匹配的元素前置到另一个、指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，要选择先前选中的元素，需要使用end()方法，参见 appendTo 方法的例二。
参数
contentString
用于匹配元素的jQuery表达式
示例
描述:
把所有段落追加到ID值为foo的元素中。
HTML 代码:
<p>I would like to say: </p><div i...
类别：网页编程 - JavaScript 查看：110 更新：2014-05-28
jQuery：文档处理->内部插入->prepend(content)
prepend(content) 返回值:jQuery
概述
向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
参数
contentString, Element, jQuery
要插入到目标元素内部前端的内容
示例
描述:
向所有段落中前置一些HTML标记代码。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").prepend("<b>Hello</b>");
结果:
[ <p><b>Hello</b>I would like to say: </p> ]
描述:
将一个DOM元素前置入所有段落
HTML 代码:
<p>I would like to say: &...
类别：网页编程 - JavaScript 查看：125 更新：2014-05-28
jQuery：文档处理->内部插入->appendTo(content)
appendTo(content) 返回值:jQuery
概述
把所有匹配的元素追加到另一个指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，返回值是所有被追加的内容，而不仅仅是先前所选中的元素。所以，要选择先前选中的元素，需要使用end()方法，参见例二。
参数
contentString
用于被追加的内容
示例
描述:
把所有段落追加到ID值为foo的元素中。
HTML 代码:
<p>I would like...
类别：网页编程 - JavaScript 查看：100 更新：2014-05-28
jQuery：文档处理->内部插入->append(content)
append(content) 返回值:jQuery
概述
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
参数
contentString, Element, jQuery
要追加到目标中的内容
示例
描述:
向所有段落中追加一些HTML标记。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ]
...
类别：网页编程 - JavaScript 查看：119 更新：2014-05-28
jQuery：筛选->查找->parents([expr])
parents([expr]) 返回值:jQuery
概述
取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
参数
expr (可选)String
用于筛选祖先元素的表达式
示例
描述:
找到每个span元素的所有祖先元素。
HTML 代码:
<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
jQuery 代码:
$("span").parents()
描述:
找到每个span的所有是p元素的祖先元素。
jQuery 代码:
$("span").pare...
类别：网页编程 - JavaScript 查看：114 更新：2014-05-28
jQuery：筛选->查找->parent([expr])
parent([expr]) 返回值:jQuery
概述
取得一个包含着所有匹配元素的唯一父元素的元素集合。
你可以使用可选的表达式来筛选。
参数
expr (可选)String
(可选)用来筛选的表达式
示例
描述:
查找每个段落的父元素
HTML 代码:
<div><p>Hello</p><p>Hello</p></div>
jQuery 代码:
$("p").parent()
结果:
[ <div><p>Hello</p><p>Hello</p></div>]
描述:
查找段落的父元素中每个类名为selected的父元素。
HTML 代码:
<div><p>Hello</p></div><div clas...
类别：网页编程 - JavaScript 查看：116 更新：2014-05-28
jQuery：筛选->查找->offsetParent()
offsetParent() 返回值:jQuery
概述
返回第一个匹配元素用于定位的父节点。
这返回父元素中第一个其position设为relative或者absolute的元素。此方法仅对可见元素有效。
类别：网页编程 - JavaScript 查看：94 更新：2014-05-28
jQuery：筛选->查找->contents()
contents() 返回值:jQuery
概述
查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容
示例
描述:
查找所有文本节点并加粗
HTML 代码:
<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>
jQuery 代码:
$("p").contents().not("[nodeType=1]").wrap("<b/>");
结果:
<p><b>Hello</b> <a href="http://ejohn.org/">John</a>, <b>how are you doing?</b></p>
描述:
往一个空框...
类别：网页编程 - JavaScript 查看：105 更新：2014-05-28
jQuery选择器->子元素->:nth-child
:nth-child 返回值:Array<Element(s)>
概述
匹配其父元素下的第N个子或奇偶元素
':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)
参数
indexNumber
要匹配元素的序号，从1开始
示例
描述:
在每个 ul 查找第 2 个li
HTML 代码:
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>...
类别：网页编程 - JavaScript 查看：72 更新：2014-05-27
jQuery选择器->内容->:parent
:parent 返回值:Array<Element(s)>
概述
匹配含有子元素或者文本的元素
示例
描述:
查找所有含有子元素或者文本的 td 元素
HTML 代码:
<table>
<tr><td>Value 1</td><td></td></tr>
<tr><td>Value 2</td><td></td></tr>
</table>
jQuery 代码:
$("td:parent")
结果:
[ <td>Value 1</td>, <td>Value 1</td> ]
...
类别：网页编程 - JavaScript 查看：104 更新：2014-05-26
jQuery选择器->内容->:contains
:contains 返回值:Array<Element(s)>
概述
匹配包含给定文本的元素
参数
textString
一个用以查找的字符串
示例
描述:
查找所有包含 "John" 的 div 元素
HTML 代码:
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn
jQuery 代码:
$("div:contains('John')")
结果:
[ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]
...
类别：网页编程 - JavaScript 查看：97 更新：2014-05-26
jQuery选择器->层级->parent > prev ~ siblings
prev ~ siblings 返回值:Array<Element(s)>
概述
匹配 prev 元素之后的所有 siblings 元素
参数
prevSelector
任何有效选择器
siblingsSelector
一个选择器，并且它作为第一个选择器的同辈
示例
描述:
找到所有与表单同辈的 input 元素
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:...
类别：网页编程 - JavaScript 查看：120 更新：2014-05-26
jQuery选择器->层级->parent > prev + next
prev + next 返回值:Array<Element(s)>
概述
匹配所有紧接在 prev 元素后的 next 元素
参数
prevSelector
任何有效选择器
nextSelector
一个有效选择器并且紧接着第一个选择器
示例
描述:
匹配所有跟在 label 后面的 input 元素
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
$(&qu...
类别：网页编程 - JavaScript 查看：114 更新：2014-05-26
jQuery选择器->层级->parent > child
parent > child 返回值:Array<Element(s)>
概述
在给定的父元素下匹配所有的子元素
参数
parentSelector
任何有效选择器
childSelector
用以匹配元素的选择器，并且它是第一个选择器的子元素
示例
描述:
匹配表单中所有的子级input元素。
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery ...
类别：网页编程 - JavaScript 查看：104 更新：2014-05-26
jQuery选择器->层级->ancestor descendant
ancestor descendant 返回值:Array<Element(s)>
概述
在给定的祖先元素下匹配所有的后代元素
参数
ancestorSelector
任何有效选择器
descendantSelector
用以匹配元素的选择器，并且它是第一个选择器的后代元素
示例
描述:
找到表单中所有的 input 元素
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />...
类别：网页编程 - JavaScript 查看：117 更新：2014-05-26