利用jQuery为input和h标签赋值以及显示隐藏一个弹出窗口

利用jQuery为input和h标签赋值以及显示隐藏一个弹出窗口

利用jQuery为input和h标签赋值以及显示隐藏一个弹出窗口

导语:有时候,我们可能会利用jquery在访客的机器上为一些html标签来取值赋值,下面直接看代码例子。

span标签的值赋给input标签

我们要将某个位置的span标签的值赋给input标签。

要取值的span标签

<span id="tour_code">YET-KMCT07</span>

要赋值的input标签

<input id="tourCode" class="check" type="text" name="tourCode" value="YET-KMCT07" readonly="readonly">

jQuery代码

jQuery("#tourCode").attr("value",jQuery("#tour_code").html());

为双方指定一个id,然后利用jQuery的attr函数来赋值,利用jQuery的html函数来取值。

h4标签的值赋给h2标签

我们把某个位置的h4标签的值赋给h2标签。

要取值的h4标签

<h4 id="tour_title">1 Day Kunming Jiaozi Snow Mountain Tour</h4>

要取值的h2标签

<h2 id="headtitle">1 Day Kunming Jiaozi Snow Mountain Tour</h2>

jQuery代码

jQuery("#headtitle").html(jQuery("#tour_title").html());

这次取值赋值都是利用了jQuery的html函数。

如何利用jQuery显示隐藏一个弹出窗口

jQuery('#send_inquiry').on('click',function(e){
e.preventDefault();
//判断弹出窗口是否存在
if(jQuery('#tourform').is(":hidden") ){
//隐藏则显示
jQuery('#tourform').show() ;
}else{
//显示则隐藏
jQuery('#tourform').hide() ;
}
});

结束

你学会了吗?

编辑 杨

我们是一群WordPress的爱好者,爱它的简单快捷,爱它的变化多样。

或许您还喜欢下面的文章

留下一条回复

关闭