十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
html
公司主营业务:网站建设、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出木兰免费做网站回馈大家。
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$(".btn1").click(function(){
$("p").html('aaaaaaaa');
});
});
/script
/head
body
pThis is a paragraph./p
button class="btn1"p/button
/body
/html
假设需要显示的数据是“123”。
显示的div的ID是“aaa”。
JS代码:
var divA = document.getElementById("aaa");
divA.innerHTML = divA.innerHTML+'123';
jQuery代码:
$(document).ready(function(){
$("#aaa").append(" b123/b.");//有标签效果
});
扩展资料:
$(this).val():获取某个元素节点的value值,相当于$(this).attr("value");
$(this).val(value):设置某个元素节点的value值,相当于$(this).attr("value",value);
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。
语法:
$(selector).append(content)
Jquery AutoComplete自动完成 的使用方法实例
作者:
jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQuery Autocomplete plugin比较强大,我们就来写一些代码感受一下。
jquery-autocomplete配置:
script type="text/javascript" src="/js/jquery-1.4.2.min.js"/script
script type="text/javascript" src="/js/jquery.autocomplete.min.js"/script
link rel="Stylesheet" href="/js/jquery.autocomplete.css" /
首先是一个最简单的Autocomplete(自动完成)代码片段:
复制代码 代码如下:
html xmlns=""
head runat="server"
titleAutoComplate/title
script type="text/javascript" src="/js/jquery-1.4.2.min.js"/script
script type="text/javascri
本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考,具体如下:
先来看看运行效果(在删除时连删即可):
具体代码:
!DOCTYPE
html
html
lang="en"
head
meta
charset="UTF-8"
titleDocument/title
/head
body
input
type="text"
id="inp"
script
src="jquery-1.12.3.min.js"/script
script
$(function(){
$("#inp").keyup(function(){
/*
手机号验证时:
var
pattern
=
/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
pattern.test(str);
*/
_self
=
$(this);
if(_self.val().length
==
3
||
_self.val().length
==
8){
var
str
=
_self.val()+"
";
_self.val(str);
}
});
});
/script
/body
/html
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
正则表达式在线生成工具:
更多关于jQuery相关内容可查看本站专题:《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。