当前位置:首页>开发>正文

jquery 设置 text 如何用jquery实现全选text里的文字

2023-04-11 06:05:25 互联网 未知 开发

jquery 设置 text 如何用jquery实现全选text里的文字

如何用jquery实现全选text里的文字

下面的jquery代码可以实现点击文本框即全选其文字的效果:
$("input:text").click(function(){ 
    $(this).select()
})示例代码如下
1. 创建Html元素

单击文本框全选文字:




2. 简单设一下置css样式
div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}
div.box span{color:#999font-style:italic}
div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}
input[type=text]{width:200pxheight:35pxpadding:5px 10pxborder:1px solid #ff9966}3. 编写jquery代码
$(function(){
$(":text").click(function() {
$(this).select()
})
})4. 观察效果
5. 初始状态

6. 点击文本框之后

最新文章