textarea和text的区别?varchar和string的区别
今天给各位分享textarea和text的区别的知识,其中也会对varchar和string的区别进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
jQuery如何获取textarea文本域的值
jQuery的.val()方法是专门用来获取表单元素值的,而textarea也属于表单元素所以可以直接用.val()方法获取。
不过要注意,由于textarea是个双标记,因此.text()或.html()方法也可以获取到其中的信息,但建议不要这样获取,因为.val()是专用于获取值的方法,比.text()或.html()更可靠,而.text()和.html()在某些情况下无法获取到值。
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
快速获取文档元素
jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。
提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。
增强的事件处理
jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
参考资料来源:百度百科:jQuery
textarea:进行文本换行
textarea内的换行便是以换行符的形式实现,换行符也能用于textarea
当我们尝试将
用于一般div
eg: document.querySelector(".a").innerHTML="12
1";
显示:
未显示换行,这是因为在默认情况下空白会被忽略,所以无论是文本里的空白、换行都会被当做一个空格处理,
若想显示空白,需添加属性white-space: pre;保留换行和空白或者pre-line保留换行,忽略空白
增添white-space: pre;显示:
这时候获取innerHTML,输出: 12 1,
/
/.test(document.querySelector(".a").innerHTML)// true,
eg: document.querySelector(".a").innerHTML="1 2
1";
显示:
通过审查元素,可以发现可编辑div自带white-space: pre;属性!因此文本空白和换行符都对它有效
而可编辑div内直接进行换行操作,换行又是如何实现的?
进行换行:
再输出innerHTML
1 2 1<div>11</div><div>111</div>
因此:对于可编辑div,换行符有效,但它本身的换行是通过div来实现的,这不同于textarea!
一般pre
对于一般pre,文本空格与换行符都有效,也自带white-space: pre;属性。
可编辑pre
类似于可编辑div,换行符有效,本身的换行通过增添div实现。
深入理解JQuery keyUp和keyDown的区别
定义和用法
完整的 key press过程分为两个部分:1.按键被按下;2.按键被松开。
当按钮被按下时,发生 keydown事件。
keydown()方法触发 keydown事件,或规定当发生 keydown事件时运行的函数
<html>
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("input").keydown(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").keyup(function(){
$("input").css("background-color","#D6D6FF");
});
});
</script>
</head>
<body>
Enteryourname:<inputtype="text"/>
<p>当发生keydown和keyup事件时,输入域会改变颜色。请试着在其中输入内容。</p>
</body>
</html>众所周知,jquery封装了很多事件交互方法,这里讲到的问题在原生js中也是有的。
keyup是在用户将按键抬起的时候才会触发的,属于整个按键过程中的最后阶段,所以有其特定的用处,就是在左侧输入,右侧同步显示的过程中很有用处。典型的例子就是邮件编辑预览的应用。
<htmlxmlns="">
<head>
<title>无标题页</title>
<scriptsrc="JS/jquery-1.4.2.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(function(){
$('#t1').live('keyup',function(){
$('#v1').text($(this).val());
});
$('#t2').live('keydown',function(){
$('#v2').text($(this).val());
});
$('#t3').live('keypress',function(){
$('#v3').text($(this).val());
});
});
</script>
</head>
<body>
<textareaid="t1"></textarea>
<divid="v1">
</div>
<textareaid="t2"></textarea>
<divid="v2">
</div>
<textareaid="t3"></textarea>
<divid="v3">
</div>
</body>
</html>这里分别应用了三种事件,其中t1能够完整的同步到v1中,而keypress和keydown总是少最后一个字符,这样就说明了这三种事件触发的小小区别,keydown是在按下时触发,不能得到最后的输入结果,keypress也是一样。
例如:keydown绑定文本框,每次点击触发事件,在获取文本框的值,总是打印上次操作时文本框的内容,
这是因为keydown操作后,事件触发了,但值还未显示在文本框中,所以这类操作要用keyup一个完整的按键动作后,才可以获取文本框的值。
keydown与keypress更适用于通过键盘控制页面类功能的实现。
获取键盘点击的键位:
<html>
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("input").keydown(function(event){
$("div").html("Key:"+event.which);
});
});
</script>
</head>
<body>
请随意键入一些字符:<inputtype="text"/>
当您在上面的框中键入文本时,下面的div会显示键位序号。
<div/>
</body>
</html>
OK,关于textarea和text的区别和varchar和string的区别的内容到此结束了,希望对大家有所帮助。