网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jQuery学习之文档操作2

 淡入淡出效果

创新互联建站是一家专注于成都做网站、成都网站建设与策划设计,南涧网站建设哪家好?创新互联建站做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:南涧等地区。南涧做网站价格咨询:18980820575

1.fadeIn(speed, [callback])                #该函数通过不透明度变化实现元素的淡入

2.fadeOut(speed, [callback])            #该函数通过不透明度变化实现元素的淡出

 

3.fadeTo(speed,opacity,[callback]) #该函数把把所有匹配元素的不透明度以渐进的方式调整到指定的不透明度,opacity表示不透明度,取值范围为0~1,0表示彻底透明,1表示不透明

 

 

DIV内的内容控制

内容清空

empty()             #该函数删除匹配的元素集合中所有的子节点

 

内容替换

1.replaceWith(content)                     #将所有匹配的元素替换成指定的HTML或DOM元素,content用于替换匹配元素的内容。

2.replaceAll(selector)                #该函数用匹配的元素替换掉所有selector匹配到的元素。

$(function(){

         $("#button_id").click(

function (){

$("xi'an  university  of  post  and telecommunication").replaceAll($("#div1").children());

});

         });

 

 

内容赋值

clone()函数

 

 

内容添加

向内部添加函数

append()                                       #向每个匹配的元素内部追加内容

prepend()                                      #向每个匹配的元素内部前置内容

例:

$(function(){

                                                                 $("#append").click(

                                                                           function(){

                                                                                    $("#div1").append($("#txt").val());

                                                                                    }

                                                                           );

                                                                 $("#prepend").click(

                                                                           function(){

                                                                                    $("#div1").prepend($("#txt").val());

                                                                                    }

                                                                           );

                                                                 });

Html代码:


 

jQuery学习之 文档操作2

appendTo(content)              #把所有匹配的元素追加到另一个指定的元素集合中。

prependTo(content)                   #把所有匹配的元素前置到另一个、指定的元素集合中。

例:

$(“#append”).click(

    function(){

         $(“

”+$(“#txt”).val()+”

”).appendTo($(“#div1”));

}

);

向外部添加函数

after(content|fn)                        #该函数在每个匹配的元素之后插入内容

before(content|fn)                              #在每个匹配的元素之后插入内容。

在使用这两个函数的时候需要先获取DIV内的子元素才可进行操作。

例:

$(“#append”).click(

    function(){

         $(“#div1”).children().after($(“#txt”).val);

}

);

内容包装,就是在DIV中的内容外层再包裹上一层标记。

wrap()                                            #该函数把所有匹配的元素用其他元素的结构化标记包裹起来

wrap(html)                                   #HTML标记代码字符串,用于动态生成元素并包裹目标元素

wrap(elem)                                  #elem,用于包装目标元素的DOM元素

wrap(fn)                                        #fn,生成包裹结构的一个函数

例:

 

$(function(){

         $("#wrap").click(function(){

$("#div1").wrapInner("");

});

});

如下图所示,点击按钮后,div1中的文本jquery变成超链接:

 

jQuery学习之 文档操作2


新闻标题:jQuery学习之文档操作2
文章网址:http://bjjierui.cn/article/iiehsi.html

其他资讯