用js来控制显示标签中的内容

1,首先要说一下jquery选择器

（1）jQuery 元素选择器：

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

（2）jQuery 属性选择器：

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

2,val()方法

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

3,两个相结合就能实现，看例子

function display_name(){
    $("input#display_people").val(localStorage.getItem("name")); 
    $("input#display_restaurant").val(localStorage.getItem("restaurant_name"));
    $("input#display_package").val(localStorage.getItem("package_name"));

}//我的localStorage.getItem()里面放的是本地存储的值，你可一随意在val（）的括号中填写东西都能
在你jquery选择器选择的标签中显示出来。