方法/步骤
我们提供的服务有:网站制作、网站设计、微信公众号开发、网站优化、网站认证、龙门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() == '输入手机号码或邮箱') //如果值为提示信息,获得焦点时,清空提示信息。