jQuery——jQuery特殊属性操作

最新推荐文章于 2020-12-29 19:45:26 发布

呆萌宝儿姐

最新推荐文章于 2020-12-29 19:45:26 发布

阅读量4.2k

点赞数

分类专栏： # web中间件文章标签：定位 js css html jquery

本文链接：https://blog.csdn.net/weixin_45525272/article/details/111405431

版权

文章目录

jQuery特殊属性操作

jQuery特殊属性操作

val方法

val方法用于设置和获取表单元素的值，例如input、textarea的值

//设置值
$("#name").val(“张三”);
//获取值
$("#name").val();

案例：京东搜索.html

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>搜索框</title>
</head>
<body>
<input type="button" value="搜索" id="btn">
<input type="text" value="内容，你一点我我就没了" id="txt">


<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    

    $("#txt").focus(function () {
    
      //如果是默认值，清空内容
      if($(this).val() === "内容，你一点我我就没了"){
    
        $(this).val("");
      }
    });
  
    $("#txt").blur(function () {
    
      if($(this).val() === ""){
    
        $(this).val("内容，你一点我我就没了"