Javascript 我尝试了jquery教程,但它没有给出预期的输出

Javascript 我尝试了jquery教程,但它没有给出预期的输出,javascript,jquery,html,Javascript,Jquery,Html,当用户单击显示的文本时,该程序将弹出一条警告消息,然后将文本改为大写 <script src="jquery-min.js"></script> <script> //run once the page is loaded jquery(document).ready(function ($) { //Attach a click event to the span element $('#test_span').cli

当用户单击显示的文本时,该程序将弹出一条警告消息,然后将文本改为大写

<script src="jquery-min.js"></script>
<script>
   //run once the page is loaded
   jquery(document).ready(function ($) {
       //Attach a click event to the span element
       $('#test_span').click(function () {
          //Read the elemnt's current value
          var elemnt_text = $('#test_span').html();
          //display the curretn value of this span
          alert(element_text);
          //convert the value to upper case
          element_text = element_text.toUpperCase();
          //change the span to this new value
          $('#test_span').html(element_text);
       });
  });
</script>
</head>
<span id='test_span'>Testing jQuery</span>

//加载页面后运行
jquery(文档).ready(函数($){
//将单击事件附着到跨度图元
$('#test_span')。单击(函数(){
//读取元素的当前值
var elemnt_text=$('#test_span').html();
//显示此范围的当前值
警报(元素\文本);
//将值转换为大写
element_text=element_text.toUpperCase();
//将跨度更改为此新值
$('#test_span').html(元素文本);
});
});
测试jQuery

你有拼写错误。试试这个

 <script src="jquery-min.js"></script>
    <script>
        //run once the page is loaded
        $(document).ready(function () {
            //Attach a click event to the span element
            $('#test_span').click(function () {

                //Read the elemnt's current value

                var element_text = $('#test_span').html();

                //display the curretn value of this span
                alert(element_text);

                //convert the value to upper case
                element_text = element_text.toUpperCase();

                //change the span to this new value
                $('#test_span').html(element_text);
            });
        });
</script>
    </head>

        <span id='test_span'>Testing jQuery</span>   

//加载页面后运行
$(文档).ready(函数(){
//将单击事件附着到跨度图元
$('#test_span')。单击(函数(){
//读取元素的当前值
var element_text=$('#test_span').html();
//显示此范围的当前值
警报(元素\文本);
//将值转换为大写
element_text=element_text.toUpperCase();
//将跨度更改为此新值
$('#test_span').html(元素文本);
});
});
测试jQuery

希望有帮助。

您有拼写错误。试试这个

 <script src="jquery-min.js"></script>
    <script>
        //run once the page is loaded
        $(document).ready(function () {
            //Attach a click event to the span element
            $('#test_span').click(function () {

                //Read the elemnt's current value

                var element_text = $('#test_span').html();

                //display the curretn value of this span
                alert(element_text);

                //convert the value to upper case
                element_text = element_text.toUpperCase();

                //change the span to this new value
                $('#test_span').html(element_text);
            });
        });
</script>
    </head>

        <span id='test_span'>Testing jQuery</span>   

//加载页面后运行
$(文档).ready(函数(){
//将单击事件附着到跨度图元
$('#test_span')。单击(函数(){
//读取元素的当前值
var element_text=$('#test_span').html();
//显示此范围的当前值
警报(元素\文本);
//将值转换为大写
element_text=element_text.toUpperCase();
//将跨度更改为此新值
$('#test_span').html(元素文本);
});
});
测试jQuery

希望有帮助。

试试这个,elemnt\u text拼写不正确。使用元素\u文本

要获取元素的文本内容,请使用而不是
.html()

而不是

 var elemnt_text = $('#test_span').html();
演示:


试试这个,元素文本拼写不正确。使用元素\u文本

要获取元素的文本内容,请使用而不是
.html()

而不是

 var elemnt_text = $('#test_span').html();
演示:

打字错误:

var elemnt_text=$('test_span').html()

您的变量拼写错误。它应该是
element\u text

它应该与该更正一起使用。

打字错误:

var elemnt_text=$('test_span').html()

您的变量拼写错误。它应该是
element\u text


它应该与该更正一起工作。

将代码更改为此


把你的密码改成这个


问题是什么?问题是什么?非常感谢。但是我可以知道为什么使用.text()而不是.html()。我从jQueryAPI文档中读到,不同的是.html()不适用于XML文件,而是.text()。还有其他原因吗?@user3809706
.html()
将字符串处理为html,而
.text()
将内容处理为文本。非常感谢。但是我可以知道为什么使用.text()而不是.html()。我从jQueryAPI文档中读到,不同的是.html()不适用于XML文件,而是.text()。还有其他原因吗?@user3809706
.html()
将字符串处理为html,而
.text()
将内容处理为文本。