初学jQuery，求助！

Ncistgg 2012-06-03 10:15:29



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>什么事jQuery?</title>

    <style type="text/css">

        h5.head

        {

            background-color: Gray;

            width: 100px;

            height: 20px;

        }



        .content

        {

            visibility: hidden;

        }

    </style>

    <!--<script type="text/javascript" language="javascript">

        window.onload = function () {

            alert("Hello!");

        }

    </script>-->

    <script type="text/javascript" language="javascript" src="Scripts/jquery-1.4.1.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            alert("Hello!");

        });



        $(function () {

            $("#panel h5.head").bind("click", function () {

                $(this).next("div.content").show();

            });

        });



        $(document).ready(function () {

            alert("Hello2!");

        });

    </script>

</head>

<body>

    <div id="panel">

        <h5 class="head">

            什么是jQuery?</h5>

        <div class="content">

            jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。 其宗旨是—写更少的代码,做更多的事情。 它是轻量级的 js 库(压缩后只有21k)，这是其它的

            js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery是一个快速的，简洁的

            javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。

        </div>

    </div>

</body>

</html>

请问中间那段JavaScript的代码有啥问题吗？为什么没运行呢？
前后的"Hello"、"Hello2"都能正常提示出来，中间那个貌似不行，我点了标题以后，没有动作。我用的是IE9、Google浏览器。不知道问题在哪？代码不正确吗？还是浏览器的问题。
还有一个问题，我打一个断点，却提示“当前不会命中断点。还没有为该文档加载任何符号。”网上搜的方法我也试过，不行。我用的是VS2010.求各位指点一二！

...全文

146 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

小飛不想飛 2012-06-05

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <style type="text/css">

        h5.head

        {

            background-color: Gray;

            width: 100px;

            height: 20px;

        }



        .content

        {

            visibility: hidden;

        }

    </style>



  <script type="text/javascript" language="javascript" src="D:\ets_test\Js\jquery-1.4.2.min.js"></script>

  <script type="text/javascript">

        $(document).ready(function () {

            alert("Hello!");

        });



        /*$(function () {

            $("#panel h5.head").bind("click", function () {

                $(this).next("div.content").show();

            });

        });*/

		$(document).ready(function(){

			$(".head").click(function(){

				$(".content").css('visibility','visible');

			});

		});



        $(document).ready(function () {

            alert("Hello2!");

        });

    </script>

 </head>



 <body>

  <div id="panel">

        <h5 class="head">

            什么是jQuery?</h5>

        <div class="content">

            jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。 其宗旨是—写更少的代码,做更多的事情。 它是轻量级的 js 库(压缩后只有21k)，这是其它的

            js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery是一个快速的，简洁的

            javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。

        </div>

    </div>



 </body>

</html>

Ncistgg 2012-06-05

打赏
举报

我换个机器试了，代码没问题了。
但是我自己的机器上，点了<h5>标题元素后，没由反应，不知道咋回事。

三石-gary 2012-06-05

打赏
举报

[Quote=引用 5 楼的回复:]

引用 2 楼的回复:

CSS code
.content { display: none; }

show()方法等价于.css("display", "block");

按照这样调整，还是不行呀。
还有，我打的断点不起作用，由这样的提示“当前不会命中断点。还没有为该文档加载任何符号。”
[/Quote]
$(function () {
$("#panel h5.head").bind("click", function () {
alert('aa');
$(this).next("div.content").css('visibility','visible');
});
});
这样就行了
vs对于js没法打端点。。只能通过一些工具调试。。

Ncistgg 2012-06-05

打赏
举报

[Quote=引用 2 楼的回复:]

CSS code
.content { display: none; }

show()方法等价于.css("display", "block");
[/Quote]

按照这样调整，还是不行呀。
还有，我打的断点不起作用，由这样的提示“当前不会命中断点。还没有为该文档加载任何符号。”

zj84604741 2012-06-03

打赏
举报

show() 没有参数是立即显示，里面可以写参数，参数表示多少毫秒显示出来，有动作

乌镇程序员 2012-06-03

打赏
举报

.content { display: none; }

show()方法等价于.css("display", "block");

001007009 2012-06-03

打赏
举报

show

显示隐藏的匹配元素。

这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。

改为
.content
{
display:none; }

对jQuery的理解

一个很不错的jquery学习教程，值得拥有.

初学者怎样学好Java-【育儿知识】.doc

TextEditorWebVersion 论js+html+css 小白如何通过google写出一个网页小项目使用技术：前端 javascript + css + html + jquery + Ajax + BootStrap 后端 Servlet + jsp 数据库 Mysql 初学者菜鸟，界面较丑陋,功能非常简单，请屏蔽食用。其实这些技术我之前都没有接触，期末作业强制要求使用，大部分都是通过google的，过程十分艰辛，找bug一脸懵逼，只能求助玉林大佬。事实说明，什么都不知道也是能写程序的，很多时候都是因为畏惧心理，其实事实上根本没有你想的那么难。登录页面入口 login.jsp。

下载的为百度网盘的下载链接，视频清晰，含有老师讲的课件等。适合初学者以及对此似懂非懂的人。