关于JQuery,隐藏和显示一个div,以及拿到一个标签的属性值
-
如何通过JQuery 显示或者隐藏一个div(估计其他标签也类似)
①首先在div标签增加一个class(id可能也行)
例如:<div class="ld_g_bases personStatus"> 此处省略一百个内容........ </div>
②然后通过js控制
方法一(如果后面有其他元素,所隐藏元素的位置会被后面的元素补上来):$(".personStatus").hide(); //对应的显示方法是show()
方法二:
$(".personStatus").css('display','none'); //none是在浏览器中消除该元素,不占屏幕的空间。若其下有其他元素,就会上移到该空间区域。 //对应的显示方法是$(".personStatus").css('display','block'); //display还有其他值,比如inline(默认。此元素会被显示为内联元素,元素前后没有换行符) //inline-block(行内块元素。(CSS2.1 新增的值))
方法三(未测试):
visibility 属性div style="visibility:hidden" align="center"><这里就是内容了,得已被隐藏……</div> div style="visibility:visible" align="center"><这里就是内容了,得已被隐藏……</div>
-
①要拿input框的value值(text也可以)
例如:<input name="check_type_input" id="personName" type="text" placeholder="请输入" autocomplete="off" class="inp" />
要拿到这个input框得值:
$("#personName").val();
②要拿到其他标签的value值或者其他属性
例如:
a标签本来是没有value值的,但是我们家了新属性value<span class="ld_g_states"> <a class="on mgl25" value="2,4,9">待审核<span id="num2" class="ld_c_FF6D5A">(0)</span></a> <a class="mgl25" value="5">已审核<span id="num5" class="ld_c_00A04F">(0)</span></a> </span>
此时通过js拿到value的值,直接用val()是不行的,需要用attr()
$(this).attr("value"); //因为我代码传入的对象.所以我写的是this,因为代码里面是写着单击这个a标签会执行的方法 //正常情况下也可以通过下面的来拿到value值,但是下面这个方法是拿到现在这个value的值 $(".ld_g_states").children(".on").attr("value"); //或者这种方法也可以,需要其他类名不叫mgl25 $(".mgl25.on").attr("value");
也可以通过attr()来给属性赋值,这个attr()可以给很多自定义的属性赋值或者取值,一个参数就是取值,两个参数就是赋值,
如果这里的value是val, 也可以拿到值或者取值//给这个属性赋值5555 $(".ld_g_states").children(".on").attr("value","5555");
本人新手,肯定有理解错误的地方,还请大家不吝赐教,多多给予批评指正!
万般感谢!!!