正文
jquery填充,jquery添加html内容
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
怎么设置jquery自动填充提示框里的内容显示
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
相关问答
Q1: 用js或者jquery把数据填充到div里面显示出来
假设需要显示的数据是“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)
Q2: 怎样使用jquery的autocomplete自动填充方法
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
Q3: jQuery实现手机号正则验证输入及自动填充空格功能
本文实例讲述了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程序设计有所帮助。
