美文网首页
5-1创建元素

5-1创建元素

作者: 大庆无疆 | 来源:发表于2019-03-16 13:12 被阅读0次

JQuery中创建元素的方式
1、对象.html('标签代码');----->$('#box').html('<p>我是一个p</p>');
2、$('标签代码');------------->$('<p>我是一个p</p>');

// 练习:在box中添加一个a标签
// 页面加载事件
$(function () {
    //----------------第一种方式---------------------
    $('#box').html('<a href="#" target="_blank">百度一下</a>');
    使用这个返回的还是当前对象,不是创建的a对象

    //----------------第二种方式---------------------
    var element = $('<a href="#" target="_blank">百度一下</a>').css('background', 'red');
    返回的是创建的对象,所以可以直接设置属性

    //将元素添加到div中,这里使用的是append方法
    $('#box').append(element);
});

相关文章

  • 5-1创建元素

    JQuery中创建元素的方式1、对象.html('标签代码');----->$('#box').html(' 我是...

  • Django入门与实践

    5-1配置URL创建一个Templates,在创建之前。首先配置一下URLTemplates介绍什么是Templa...

  • 原生JS DOM方法

    1.创建元素 插入元素 ①创建元素节点 createElement()②创建文本节点 createTextNode...

  • jQuery的DOM操作

    一、创建节点 以HTML创建新元素 以jQuery创建新元素 以DOM创建新元素 二、插入节点 通过js的DOM操...

  • Dom新增元素,dom删除元素,dom修改属性

    创建元素 让我们开始创建HTML元素,为了创建元素,你需要用document.createElement(tagN...

  • Python列表用法

    列表基础 创建列表 创建一个空列表 创建一个含有元素的列表 创建一个多类型元素列表 创建嵌套列表 访问元素列表访问...

  • Swift 3.0 变化汇总系列总结-Array

    创建大批量相同元素的数组创建10个string类型元素数组, 创建10个Int类型元素的数组 想数组中添加元素, ...

  • Javascript-节点的增删改查

    一、创建节点 创建元素节点 document.createElement("元素标签名"); 创建属性节点 d...

  • 在JS中动态创建,删除,克隆元素

    在JS中动态创建,删除,克隆元素 createElement创建元素 createTextNode创建文本对象 a...

  • jQuery 节点操作

    jQuery 节点操作 1、动态创建元素 2、添加元素 3、html创建元素 4、清空元素empty()、html...

网友评论

      本文标题:5-1创建元素

      本文链接:https://www.haomeiwen.com/subject/lszjmqtx.html