方法/步骤
铁西网站建设公司创新互联,铁西网站设计制作，有大型网站制作公司丰富经验。已为铁西超过千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的铁西做网站的公司定做！
新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。
然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。
然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。
最后就是关键步骤了，引入jQuery文件，注意路径一定要正确，然后写jQuery代码，其实就用到了val(“这里是赋值内容”)方法。
打开浏览器测试一下，点击按钮之后输入框内自动输入了赋值的内容。
jquery给input赋值val(val)。
val(val)是jquery函数，最容易混淆的是获取input的函数是val()。
区别非常小，一个是带参数，一个是不带参数；在登录时在文本框内用文字提示用户输入的代码。
以下是一段常用的在登录时在文本框内用文字提示用户输入的代码
$(document).ready(function() {
$("#user").addClass('phplike_blur');
$("#password").addClass('phplike_focus'); //添加样式，如果无，可以不写
$("#user").focus(function(){ $(this).removeClass('phplike_blur');
if ($("#user").val() == '输入手机号码或邮箱') //如果值为提示信息，获得焦点时，清空提示信息。
使用JQuery给自定义属性赋值取值
jQuery 属性操作 - attr() 方法
定义和用法
attr() 方法设置或返回被选元素的属性值。
一、返回属性值
返回被选元素的属性值。
语法
$(selector).attr(attribute)
参数描述
attribute 规定要获取其值的属性。
$(selector).attr(attribute)
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
alert("Image width " + $("img").attr("width"));
});
});
/script
/head
body
img src="/i/eg_smile.gif" width="128" height="128" /
br /
button返回图像的宽度/button
/body
/html
二、设置属性/值
设置被选元素的属性和值。
语法
$(selector).attr(attribute,value)
参数描述
attribute 规定属性的名称。
value 规定属性的值。
$(selector).attr(attribute,value)
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
/script
/head
body
img src="/i/eg_smile.gif" /
br /
button设置图像的 width 属性/button
/body
/html
