当前位置: 首页 > 编程笔记 >

使用jQuery获得内容以及内容的属性

花永昌
2023-03-14
本文向大家介绍使用jQuery获得内容以及内容的属性,包括了使用jQuery获得内容以及内容的属性的使用技巧和注意事项,需要的朋友参考一下

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

        <script src="js/jquery.js"></script>

    </head>

<style>

body{font-family: "微软雅黑";width: 980px; margin: 0 auto; text-align: center;}

    .box{

        width: 300px;

        height: 300px;

        background: green;

        border: 1px solid #e6e6e6;

        line-height: 200px;

        position: absolute;

    }

button{

    border: none;

    background: green;    

    width: 125px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    font-size: 16px;

    margin-top: 50px;

    font-family: "微软雅黑";

    }

</style>

    <body>

        <button id="btn1">显示text</button>

        <button id="btn2">显示html</button>

        <button id="btn3">显示输入内容</button>

        <p id="text">这是要显示<b>粗体</b>的节奏</p>

        <br />

        <input id="input" value="买房子"> 

        <script>

            $(document).ready(function(){

                $("#btn1").click(function(){

                    alert("Text: " + $("#text").text());

                });

                $("#btn2").click(function(){

                    alert("HTML: " + $("#text").html());

                });

                $("#btn3").click(function(){

                    alert("Value: " +$("#input").val());

                });

            });

        </script>

    </body>

</html>

Tips:

1、点击事件节点的选择 #botton

2、alert 的代码规则  ("Value: " + $("#id").html)

今天的分享就先到这里了,后续我们还将持续更新一些新的jQuery实例。

 类似资料:
  • 问题内容: 我正在使用CKEditor。我使用页面方法使用ajax保存表单值。 但是CKEditor值的内容无法保存到表中。 我不回发页面。 我该怎么办? 问题答案: 首先,您应该在页面中包含ckeditor和jquery连接器脚本, 然后创建一个文本区域 将ckeditor附加到文本区域,在我的项目中,我使用如下代码: 提交时使用以下内容获取内容: 而已!:)

  • 我正在使用嵌入Java的netty 4.1,并尝试从管道中的客户端POST请求中检索数据。我在网上找到了几种选择,但都没用。。。 也许有人对此有一个有用的想法。 向所有提供帮助的人致以问候和感谢。 管道: 处理程序:

  • 问题内容: 我正在尝试遵循一个非常基本的示例。使用入门页面和网格系统,我希望以下几点: …将产生居中的文字。 但是,它仍然显示在最左侧。我究竟做错了什么? 问题答案: 更新:Bootstrap 2.3.0+答案 最初的答案是引导程序的早期版本。从bootstrap 2.3.0开始, 您可以简单地给div这个class。 原始答案(2.3.0之前) 您需要定义两个类之一,或者使用。

  • 还有一种调用模板的情况是我们只想渲染后返回模板渲染后的数据而不是直接输出,这时我们会用fetch方法; fetch的用法和display 完全一样,只是不直接输出了; //不带任何参数 $content=$this->fetch(); 此种方式系统会自动判断模板路径,并渲染出模板内容,此种方式模板路径是:主题名/应用名/控制器名/操作名+模板文件后缀名; $content=$this->fetc

  • 本文向大家介绍JS函数修改html的元素内容,及修改属性内容的方法,包括了JS函数修改html的元素内容,及修改属性内容的方法的使用技巧和注意事项,需要的朋友参考一下 修改元素内容: 修改元素标签属性: 以上就是小编为大家带来的JS函数修改html的元素内容,及修改属性内容的方法全部内容了,希望大家多多支持呐喊教程~

  • 问题内容: 我有以下CSS的div.scroll_fixed 当div到达页面顶部时,我正在使用以下jQuery代码设置.fixed类。 这对于垂直滚动固定非常有用。但是在浏览器窗口较小的情况下,水平滚动会导致与此固定div右侧的内容发生冲突。 我希望div随内容水平滚动。 谁能指出我正确的方向。仍然用JS / JQuery弄湿我的脚。 我基本上希望它像本示例中的第二个框一样工作。 问题答案: 该