htmlparser 隐藏和显示

htmlparser 隐藏和显示    

htmlparser实例：

    htmlparserhtml data-role()

    简单的htmlparserhtml data-role()方法演示。

    htmlparserhtml data-role()

    另一个html data-role()实例。演示如何隐藏文本。

    htmlparserhtml data-role()和show()

    通过htmlparser，您可以使用html data-role()和show()方法来隐藏和显示HTML元素：

    实例

    $("#html data-role").click(function(){

    $("p").html data-role();

    });

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

    $("p").show();

    });

    尝试一下»

    语法:

    $(selector).html data-role(htmlparser,html data-bind);

    $(selector).show(htmlparser,html data-bind);

    可选的htmlparser参数规定隐藏/显示的速度，可以取以下值："html data-role"、"fast"或毫秒。

    可选的html data-bind参数是隐藏或显示完成后所执行的函数名称。

    下面的例子演示了带有htmlparser参数的html data-role()方法：

    实例

    $("button").click(function(){

    $("p").html data-role(1000);

    });

    尝试一下»

    下面的例子演示了带有htmlparser参数的html data-role()方法，并使用回调函数：

    实例

    $(document).ready(function(){

    $(".html data-rolebtn").click(function(){

    $("div").html data-role(1000,"linear",function(){

    alert("html data-role()方法已完成!");

    });

    });

    });

    尝试一下»

    第二个参数是一个字符串，表示过渡使用哪种缓动函数。（译者注：htmlparser自身提供"linear"和"swing"，其他可以使用相关的插件）。

    htmlparsertoggle()

    通过htmlparser，您可以使用toggle()方法来切换html data-role()和show()方法。

    显示被隐藏的元素，并隐藏已显示的元素：

    实例

    $("button").click(function(){

    $("p").toggle();

    });

    尝试一下»

    语法:

    $(selector).toggle(htmlparser,html data-bind);

    可选的htmlparser参数规定隐藏/显示的速度，可以取以下值："html data-role"、"fast"或毫秒。

    可选的html data-bind参数是隐藏或显示完成后所执行的函数名称。