WEB技术之前端技术

JS和Jquery的内容整理

PHPer 2022-05-26 440 0 0

JS和Jquery的内容整理 20220526


如何给div块或者给某个DOM元素赋值...

立即注册

更新于:2022-05-26 02:22:49
    您需要登录后才可以评论。 立即注册

    jquery动态添加元素后,元素的事件无效(已解决)

    1.先点击“动态添加”按钮,把a标签动态生成出来。 2.再点击a标签(百度),查看控制台。 $("#xinjia").on(click,#a1,function(){ console.log(123);

    动态添加元素后,元素的事件无效(已解决)

    基于jquery1.9以上版本作的解决方案

    先贴一段正常逻辑写的代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="jquery-3.3.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
     
        //b2的单击事件,这里面动态添加了一个a元素内容为百度,id为a1
        $("#b2").on(click,function(e) {
    		var a = $("<a></a>");
    		a.attr("id","a1");
    		a.html("百度");
    		$("#xinjia").html("");
            $("#xinjia").append(a);
        });
        //id为a1的元素单击事件
        $("#a1").on(click,function(){
    			console.log(123);
    	});
    })
    </script>
    </head>
     
    <body>
    <a id="ceshi">ceshi</a>
    <button id="b2">动态添加</button>
    
    <div id="xinjia">
    </div>
    </body>
    </html>
    
    前端页面操作流程:

    1.先点击“动态添加”按钮,把a标签动态生成出来。

    2.再点击a标签(百度),查看控制台。

    结果:控制台啥也没有输出

    因为这样写是有问题的。所有需要修改一下。我先把我修改后的代码贴出来。后面解释

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="jquery-3.3.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
     
        $("#b2").on(click,function(e) {
    		var a = $("<a></a>");
    		a.attr("id","a1");
    		a.html("百度");
    		$("#xinjia").html("");
            $("#xinjia").append(a);
        });
        
        $("#xinjia").on(click,a,function(){
    			console.log(123);
    	});
    })
    </script>
    </head>
     
    <body>
    <a id="ceshi">ceshi</a>
    <button id="b2">动态添加</button>
    
    <div id="xinjia">
    </div>
    </body>
    </html>
    
    前端页面操作流程:

    1.先点击“动态添加”按钮,把a标签动态生成出来。...

    立即注册
    更新于:2023-12-25 23:42:10

    如何给div块或者给某个DOM元素赋值

    两种办法:

    1、用js原生办法:

       document.getElementById(“div”).innerHTML=“欢迎您!”;

       也可以把这句话拆开:

           var content = document.getElementById(“hh”);

           content.innerHTML=“欢迎您!”;

      针对新手注意一点细节:①innerHTML后面跟的是"="符号,一定注意不要写成(),不然会提示innerHTML不是函数的错误

    此外,document.getElementById(“hh”).innerText=“欢迎您!”;也能达到效果

    2、用jQuery方法:

     $(“h1”).html(“欢迎您!”); 或者 $(“h1”).text(“欢迎您!”);这两种方式都能达到效果。

    注意给具体元素赋值时的命名:直接给元素标签赋值:$( " h 1 " ) , $ ("h1"),$("h1"),$(“div”) ...

    立即注册
    更新于:2022-05-26 02:24:07

    video.js播放m3u8视频

    video.js播放m3u8视频_小龙在山东的技术博客_51CTO博客

    m3u8 是一种基于HTTP Live Streaming(HLS)文件视频格式,它主要是存放整个视频的基本信息和分片(Segment)组成。目前 由 Apple.inc 率先提出的 HLS 协议在 Mac 的 Safari 上原生支持。

    video.js是H5视频播放器,支持播放m3u8视频。这里做了一个简易的m3u8视频地址测试页: ...

    立即注册
    更新于:2024-05-30 09:26:27
    相关内容

    富文本编辑器

    富文本编辑器Redactor在Yii2中的应用

    WEB技术

    WEB技术之前端技术

    WEB技术之后端技术

    WEB应用转手机APP,手机APP制作平台推荐

    WEB应用与手机APP

    Android相关

    2017 年 Web 开发工程师技术发展路线图

    session:手动删除客户端上的所有cookie,再次访问的时候为什么还是登录状态?

    PHP向js传数组

    js关于对齐方式display的三个属性

    前端优化之lazy-load Chris__Liu

    推荐内容

    分享几个好用的bt搜索bt资源下载网址网站

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享

    全网最新bt磁力搜索引擎bt资源bt网站网址分享

    人气美女女优百度指数排行榜(波多野结衣,苍井空,三上悠亚,深田咏美,桥本有菜,北条...

    最强人造人深田咏美,业界的社交女王

    人生起起落落的三上悠亚,成名前的清纯风,怎么搭配出来的?

    业内第一大长腿,桥本有菜的腿究竟有多长

    波多野结衣,岛国业界著作最多的超级劳模

    日本AV界NO.1,苍井空是多少宅男的疯狂?

    美女女优视频混剪 This Girl-Laza Morgan

    怎样使用V2Ray代理和SSTap玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩...

    sstap游戏代理教程 从此玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩虹六...

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享