比较不错的JS/JQuery显示或隐藏文本的方法

推荐使用：


代码如下:

$("#id").show();
$("#id").hide();

不推荐使用：


代码如下:

document.getElementById(“#id”).style.display = 'none';
document.getElementById("#id"').style.display = 'block';

因为使用设置.style.display在不用的浏览器切换存在错行的问题；

赞 (0)

相关推荐

  • 比较不错的JS/JQuery显示或隐藏文本的方法

    推荐使用: 复制代码 代码如下: $("#id").show(); $("#id").hide(); 不推荐使用: 复制代码 代码如下: document.getElementById("#id").style.display = 'none'; document.getElementById("#id"').style.display = 'block'; 因为使用设置.style.display在不用的浏览器切换存在错行的

  • jQuery设置下拉框显示与隐藏效果的方法分析

    jQuery设置下拉框显示与隐藏效果的方法分析

    本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() 方法则可以切换 hide() 和 show() 方法,也就是显示被隐藏的元素,并隐藏已显示的元素. $("select").hide(); // 隐藏下拉框 $("select").show(); // 显示下拉框 $("select").togg

  • jQuery实现定时隐藏对话框的方法分析

    本文实例讲述了jQuery实现定时隐藏对话框的方法.分享给大家供大家参考,具体如下: 以下内容可能不完全正确,只是在有问题时进行参考. 1. setTimeout :出现设置了时间,但是程序立即执行的情况. :无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数. :解决就是定义一个匿名函数 setTimeout(function(){$j('#pre'+ID).fadeOut()},12000); :第二个参数是毫秒数,1秒=

  • js/jquery遍历对象和数组的方法分析【forEach，map与each方法】

    本文实例讲述了js/jquery遍历对象和数组的方法.分享给大家供大家参考,具体如下: JS forEach方法 arr[].forEach(function(value,index,array){ //do something }) 参数:value数组中的当前项,index当前项的索引,array原始数组: 数组中有几项,那么传递进去的匿名回调函数就需要执行几次: 理论上这个方法是没有返回值的,仅仅是遍历数组中的每一项,不对原来数组进行修改:但是可以自己通过数组的索引来修改原来的数组: va

  • JS实现选择TextArea内文本的方法

    本文实例讲述了JS实现选择TextArea内文本的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/javascript"> function select_field(id){ document.getElementById(id).focus(); document.getElementById(id).select(); } function init(){ select_field('text1'); } onload=init;

  • jQuery 改变P标签文本值方法

    Web前台页面中有一P标签值, <p id="p1" > 该用户名已被注册 </p> 想通过jquery改变该P标签的内容. 开始时使用val()属性,发现达不到目标. val()可以用来改变类似于文本框的输入内容. 查了下,使用jQuery HTML 操作完成操作. 函数 描述 $(selector).html(content) 改变被选元素的(内部)HTML $(selector).append(content) 向被选元素的(内部)HTML 追加内容 $(

  • JQuery显示、隐藏div的几种方法简明总结

    例子 复制代码 代码如下: $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法 1.给元素换class,来实现隐藏div,前提是换的c

  • jQuery显示和隐藏 常用的状态判断方法

    显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1.if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下 if(thisNode.hasClass('showFlag')){.......}else

  • jquery显示和隐藏div特效实例

    $(document).ready(  function(){});function hiden(){$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast} function slideToggle(){$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上}func

  • Jquery显示、隐藏元素以及添加删除样式

    复制代码 代码如下: <script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 $("input").focus(function () { $(this).siblings("label").hide(); }); }); $(function () { //input元素失去焦点 $("input").blur(func

随机推荐