jQuery设置和获取HTML、文本和值和Javascript获取HTML静态页面参数传递值示例

jQuery设置和获取HTML、文本和值

Javascript获取HTML静态页面参数传递值示例


<script type="text/javascript">
 //<![CDATA[
  $(function(){
      //获取<p>元素的HTML代码
      $("input:eq(0)").click(function(){
            alert(  $("p").html() );
      });
      //获取<p>元素的文本
      $("input:eq(1)").click(function(){
            alert(  $("p").text() );
      });
      //设置<p>元素的HTML代码
      $("input:eq(2)").click(function(){
             $("p").html("<strong>你最喜欢的水果是?</strong>");
      });    
       //设置<p>元素的文本
      $("input:eq(3)").click(function(){
             $("p").text("你最喜欢的水果是?");
      });  
      //设置<p>元素的文本
      $("input:eq(4)").click(function(){
             $("p").text("<strong>你最喜欢的水果是?</strong>");
      });  
      //获取按钮的value值
      $("input:eq(5)").click(function(){
             alert( $(this).val() );
      });   
      //设置按钮的value值
      $("input:eq(6)").click(function(){
            $(this).val("我被点击了!");
      });  
  });
  //]]>
  </script>
复制代码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 是一种用于创建 Web 页面的标记语言,主要用于呈现静态内容。要与后端交互,必须使用服务器端编程语言(如 PHP、Python、Java 等)和相应的 Web 框架来实现。 HTML 和后端交互的主要方式有以下两种: 1. 表单提交 HTML 表单可以通过 POST 或 GET 方法将数据提交到服务器。表单的 `action` 属性指定了提交数据的 URL 地址,`method` 属性指定了提交数据的方式。服务器端接收到提交的数据后,可以解析数据,并做出相应的响应。 以下是一个简单的 HTML 表单示例: ```html <!DOCTYPE html> <html> <head> <title>Form Example</title> </head> <body> <h2>Form Example</h2> <form action="/submit" method="post"> <div> <label for="name">Name:</label> <input type="text" id="name" name="name"> </div> <div> <input type="submit" value="Submit"> </div> </form> </body> </html> ``` 上述代码中,表单的 `action` 属性为 `/submit`,`method` 属性为 POST。当用户单击提交按钮时,表单数据将被提交到服务器上的 `/submit` URL。 2. Ajax 请求 使用 Ajax 技术可以在不刷新页面的情况下向后端发送请求并获取响应。在页面中使用 JavaScript,调用 Ajax 函数向服务器端发送请求,并在获取到响应后对页面内容进行更新。 以下是一个简单的 Ajax 请求示例: ```html <!DOCTYPE html> <html> <head> <title>Ajax Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { $('#submit').click(function() { $.ajax({ url: '/submit', type: 'POST', data: $('form').serialize(), success: function(response) { $('#result').html(response); } }); }); }); </script> </head> <body> <h2>Ajax Example</h2> <form> <div> <label for="name">Name:</label> <input type="text" id="name" name="name"> </div> <div> <input type="button" id="submit" value="Submit"> </div> </form> <div id="result"></div> </body> </html> ``` 上述代码使用 jQuery 库实现了一个 Ajax 请求。当用户单击提交按钮时,JavaScript 调用 `$.ajax` 函数向服务器发送 POST 请求,并在获取到响应后将响应内容更新到页面上的 `#result` 元素中。 总的来说,HTML 和后端交互的方式主要包括表单提交和 Ajax 请求。在使用这些方式时,需要使用服务器端编程语言和相应的 Web 框架来处理请求和响应。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值