分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

Jquery学习

发布时间:2023-09-06 01:08责任编辑:顾先生关键词:暂无标签

1.追加

? .insertBefore()在现有元素外部、之前添加内容;
? .prependTo()在现有元素内部、之前添加内容;
? .appendTo()在现有元素内部、之后添加内容;
? .insertAfter()在现有元素外部、之后添加内容。

$(document).ready(function() {  $(‘<a href="#top">back to top</a>‘).insertAfter(‘div.chapter p‘);  $(‘<a id="top"></a>‘).prependTo(‘body‘);});

 2.包裹

? .wrapAll()把所有脚注都包含;

? .wrap()将每一个脚注分别包装。

$(document).ready(function() { ???$(‘span.footnote‘) ???.insertBefore(‘#footer‘) ???.wrapAll(‘<ol id="notes"></ol>‘) ???.wrap(‘<li></li>‘);});

3.迭代

? .each():这个方法接受一个回调函数,这个函数会针对匹配的元素集中的每个元素都调用一次 。

$(document).ready(function() { ???var $notes = $(‘<ol id="notes"></ol>‘).insertBefore(‘#footer‘); ???$(‘span.footnote‘).each(function(index) { ???????$(‘<sup>‘ + (index + 1) + ‘</sup>‘).insertBefore(this); ???????$(this).appendTo($notes).wrap(‘<li></li>‘); ???});});

 4.反向

? .before和insertBefore;

? .append和appendTo;

 $(‘<p>Hello</p>‘).appendTo(‘#container‘);
$(‘#container‘).append(‘<p>Hello</p>‘);

Jquery学习

原文地址:http://www.cnblogs.com/DaphneOdera/p/7467126.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved