zoukankan      html  css  js  c++  java
  • jQuery基础 如何处理网页内容

    改变页面内容应该算是Javascript最常用的功能,这包括更改已经存在的页面元素或者添加新的HTML元素。jQuery提供两种实现这种功能的方法 – text()html()。text()是对纯文本的处理;html()text()相似,不同的是它还支持HTML代码。

    //设置ID为"b5_a"段落的内容为"这是新加入的文本信息";
    
    $('#b5_a").text("这是新加入的文本信息");
    
    //在ID为"b5_b"的div里加入一段html代码;
    
    $("#b5_b").html("<p>新加入一个html段落</p>");

    有时我们要读取页面的内容,这也可以用text()html()来实现。同样,使用text()得到的是纯文本;使用html()得到的是html代码。

    //点击第二个按钮查看相关元素的文本内容
    
    $("button:eq(1)").click(function(){
    
      alert($('#b5_a').text());
    
    });
    
    //点击第四个按钮查看相关元素的HTML内容
    
    $("button:eq(3)").click(function(){
    
      alert($('#b5_a').html());
    
    });

     

    注意:text()html()返回值得类型都是字符串型(string)。如果我们要对返回值进行算术运算,我们可以使用原始的JavaScript 函数:parseInt 或者 parseFloat 先把字符串转换成整形或者浮点型。

    <ul id="u2">
    
      <li>12.3</li>
    
      <li>1.5</li>
    
    </ul>
    
    //通过下面的jQuery代码,可以对上述列表求和
    
    $("button:eq(4)").click(function(){
    
      var sum = 0;
    
      $('li').each(function(index){
    
      sum += parseFloat($(this).text());
    
      });
    
      alert(sum);
    
    });
  • 相关阅读:
    Linux 发展历史
    购物车0612版登陆与购物功能
    Linux 基本命令
    MySQL练习
    购物车登陆购物版
    MySQL阅读目录
    输入打印之佛祖辟邪
    mysql存储引擎
    函数对象、函数嵌套、名称空间与作用域、装饰器
    【计算机网络】哈尔滨工业大学MOOC-计算机网络 第2周 计算机网络概述(下) 作业2
  • 原文地址:https://www.cnblogs.com/tweet/p/1667118.html
Copyright © 2011-2022 走看看