• 初学者在Jquery中的几个疑问(初学者的理解,仅供参考,请大鸟斧正)


    1.在看一些Jquery的代码时,有时候会看到 $("#aa")有时候出现的则是$("button"),大家会疑惑,为什么有时候前面加“#”有时候不加呢?

       注:$("#aa")取的是 id=aa 的标签;而$("button") 取的是标签类型为button的所有标签。(个人理解:带“#”的是针对一个标签的,而不带的是所有的)

    2.在html中,定义一个button按钮的写法是<input type="button" />,但是我们在Jquery中看到直接写<button><\button>。

      这里说明下:<button><\button>有这个标签的,按钮跟<input type="button" /> 类似,差异就是名字不一样,好像jQuery例子里很喜欢<button>

    3.类似于下面的代码:

    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(
    function(){
    $(
    "button").click(function(){
    $(
    "p").hide();
    });
    });
    </script>

    往往

    <script type="text/javascript" src="/jquery/jquery.js"></script>

    这行是都写在head中的,但是下面的

    <script type="text/javascript">
    </script>

    却有时候写在head中,有时候写在body中。这里,我个人觉得,写在body中比较好。有时候写在head中会出现问题,可能会找不到自己下面的标签。

    4.在看最基础教程的时候,我们会看到基本的点击事件的写法为:

    $("button").click(function(){} 或者是
    $(
    "#btnShow").bind("click"function(event) {} 

    我觉得他们的实质都是一样的吧,只是写法不一样,都是实现点击事件。但是应该有点略微的区别,用到的时候可能会有选择。

      突然想到,是不是针对所有的控件的时候用上面的,针对一个控件的时候用下面这种呢?

    JavaScript代码

        <script>       
        $(
    '#myBtn').bind("click",function(){       
            alert(
    'click');       
        });       
        
    </script>     

    <script> 
    $(
    '#myBtn').bind("click",function(){
     alert(
    'click'); 
    }); 
    </script> 

      

    这样,我们就为这个button绑定了一个click的事件。

    bind函数可以有三个参数,当第二个参数不是一个函数,而是一个数据对象时,它将默认做为bind第三个参数(函数)的参数。

    <script type="text/javascript">
    $(document).ready(
    function(){
    $(
    "button").click(function(){
    $(
    "p").hide();
    });
    });
    </script>

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
    <button type="button">Try again</button>

    这里的两个button控件都同时具有点击事件。




                                                技术顾问:龍哥


  • 相关阅读:
    markdown语法
    基于Vue 使用threejs导入gltf动画模型
    创建Vue项目
    一个简单的特效
    网页五--html插入表格
    网页四--按钮反应
    网页三
    简单的页面
    一个能实现超链接的最简单程序
    计算机基本配置和作用
  • 原文地址:https://www.cnblogs.com/jianglan/p/2105668.html
Copyright © 2020-2023  润新知