博客列表 >$()函数的四种调用方法

$()函数的四种调用方法

一语笑嫣然
一语笑嫣然原创
2018年05月17日 21:44:581791浏览

1、CSS选择器:以字符串的方式传入,常用的有id选择器("#id值"),类选择器(".class值"),标签选择器("标签名")

2、传递一个DOM对象、document对象或者window对象

3、传递一个html文本,这时$()自动创建这个元素

4、传递一个函数

<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="jQuery\jquery-3.3.1.min.js"></script>
    <script>
    //传递函数
    $(function(){
        //使用css选择器传递id
        $("#btnid").click(function(){
            //使用css选择器传递标签名
            $("p").css("color","red");
            //传递一个html文本
            $("<h3>添加一段文本</h3>").appendTo(document.body);
        });
    });
    </script>
  </head>
  <body>
    <button type="button" id="btnid" name="button">请点击我</button>
    <p>我是内容01</p>
    <p>我是内容02</p>
    <p>我是内容03</p>
    <p>我是内容04</p>
  </body>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议