13518219792
方法/步骤
我们提供的服务有：网站制作、网站设计、微信公众号开发、网站优化、网站认证、龙门ssl等。为1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的龙门网站制作公司
新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。
然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。
然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。
最后就是关键步骤了，引入jQuery文件，注意路径一定要正确，然后写jQuery代码，其实就用到了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
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() == '输入手机号码或邮箱') //如果值为提示信息，获得焦点时，清空提示信息。
