1、新建HTML文件。
2、引入jqueryminjs文件。
3、创建HTML内容。
4、用jquery创建点击事件，点击隐藏按钮，p内容隐藏
5、用jquery创建点击事件，点击显示按钮，p内容显示。
6、预览如图当点击隐藏按钮，p内容隐藏。
7、当点击显示按钮，p内容显示。
根据input的class或者ID值定位元素，获得input的value值。
假设input的class为name：
var name = $('name')val();
consolelog(name);
或者是：
var name = $('name')attr('value');
consolelog(name);
扩展资料：
jQuery显示隐藏div的方法：
1、attr()：
隐藏div：$("#demo")attr("style","display:none;");
显示div：$("#demo")attr("style","display:block;");
2、css()：
隐藏div：$("#demo")css("display","none");
显示div：$("#demo")css("display","block");
3、hide()，show()：
隐藏div：$("#demo")hide();
显示div：$("#demo")show();
4、动态显示和隐藏：
$("#demo")toggle(
function () {
$(this)attr("style","display:none;");//隐藏div
},
function () { $(this)attr("style","display:block;");//显示div
}
);
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息，直接each循环出div，里面的children()，里面的item，就是你想要的子元素了，（深圳网站建设:=">
以上就是关于怎样判断jQuery 元素是否显示与隐藏全部的内容，包括:怎样判断jQuery 元素是否显示与隐藏、如何获取Jquery隐藏div里面的input值、jQuery怎么获取一个DIV下所有元素的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）