十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
方法/步骤
铁西网站建设公司创新互联,铁西网站设计制作,有大型网站制作公司丰富经验。已为铁西超过千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的铁西做网站的公司定做!
新建一个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