彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 学会党委 > jQuery中focus事件用法实例,jqueryfocus

jQuery中focus事件用法实例,jqueryfocus

发布时间:2019-08-31 16:11编辑:学会党委浏览(76)

    jQuery中focus事件用法实例,jqueryfocus

    本文实例讲述了jQuery中focus事件用法。分享给大家供大家参考。具体分析如下:

    当元素获得焦点或者调用focus()方法时候会触发focus事件。

    一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。
    可以通过focus()方法为focus事件绑定事件处理程序。例如:

    复制代码 代码如下:

    $("input").focus(function(){$(this).css("backgroundColor","red")})

    以上代码就是将function函数作为事件处理程序通过focus()方法绑定到focus事件。当触发focus事件的时候,就会调此函数。
    实例代码:

    复制代码 代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <meta name="author" content="" />
    <title>focus事件-帮客之家</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").focus(function(){
        $(this).css("backgroundColor","red")
      })
    }) 
    </script>
    </head>
    <body>
    <div>
    <ul>
      <li>用户名:<input type="text" name="username" /></li>
      <li>密码:<input type="password" name="userpassword" /></li>
    </ul>
    </div>
    </body>
    </html>

    以上代码可以为input元素注册focus事件处理函数,当获得焦点的时候能够设置文本框的背景色。

    希望本文所述对大家的jQuery程序设计有所帮助。

    本文实例讲述了jQuery中focus事件用法。分享给大家供大家参考。具体分析如下: 当元素获得焦点或者调...

    jQuery中:focus选择器用法实例,jqueryfocus

    本文实例讲述了jQuery中:focus选择器用法。分享给大家供大家参考。具体分析如下:

    此选择器能够匹配当前获取焦点的元素。

    语法结构:

    复制代码 代码如下:

    $(":focus")

    :focus选择器一般需要和其他选择器配合使用,例如和类选择器,元素选择器等等。例如:

    复制代码 代码如下:

    $("li:focus")

    以上代码会匹配获得焦点的li元素。
    当然此选择器前面不加任何其他选择器,不过不加指定的选择器,那么默认就是添加了通用选择器(*)。例如:

    复制代码 代码如下:

    $(":focus")

    以上代码和下面代码等效:

    复制代码 代码如下:

    $("*:focus")

    实例代码:

    复制代码 代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <meta name="author" content="" />
    <title>帮客之家</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("li:focus").css("color","red");
    })
    </script>
    </head>
    <body>
    <ul>
      <li>div+css专区</li>
      <li>HTML专区</li>
    </ul>
    </body>
    </html>

    希望本文所述对大家的jQuery程序设计有所帮助。

    本文实例讲述了jQuery中:focus选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够匹配...

    本文由彩世界平台发布于学会党委,转载请注明出处:jQuery中focus事件用法实例,jqueryfocus

    关键词: