选取元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>this is p</p>
        <button type="button">click</button>

        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="jQ_select.js"></script>
    </body>
</html>
//选取元素 $(selector).action
     $("p") 选取p元素
     $("p.className") 选择class=“className”的p
     $("p.#id")
     $("[href]") 带有href属性的元素
     $("[href='#']") 属性等于#的元素
     $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
//文档就绪函数
    $(document).ready(function(){ 
        $("button").click(function(){
            $("p").css("background-color","red");
        });
    });
//事件
    $(selector).dblclick(function)    触发或将函数绑定到被选元素的双击事件
    $(selector).focus(function)    触发或将函数绑定到被选元素的获得焦点事件
    $(selector).mouseover(function)    触发或将函数绑定到被选元素的鼠标悬停事件
posted @   lwx_R  阅读(20)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示