`
justcss
  • 浏览: 121950 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

JQuery每日函数:核心jQuery(html)

阅读更多

jQuery(html)

根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>")

Create DOM elements on-the-fly from the provided String of raw HTML.

返回值

jQuery

参数

html (String) : 用于动态创建DOM元素的HTML标记字符串

示例

动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以,这个函数既有灵活性,也有局限性。

jQuery 代码:

$("<div><p>Hello</p></div>").appendTo("body");

创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。

jQuery 代码:

// 在 IE 中无效:
$("<input>").attr("type", "checkbox");
// 在 IE 中有效:
$("<input type='checkbox'>");
分享到:
评论

相关推荐

    JQUERY技术内幕:深入解析QUERY架构设计与实现原理 完整版 共两个包

    进而通过“构造jquery对象”章节分析了构造函数jquery()的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器sizzle、异步队列deferred、数据缓存data、队列queue、浏览器功能测试support...

    jQuery技术内幕:深入解析jQuery架构设计与实现原理

    进而通过“构造 jQuery 对象”章节分析了构造函数 jQuery() 的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器 Sizzle、异步队列 Deferred、数据缓存 Data、资源太大,传百度网盘了,...

    jquery函数 强大的封装

    标题中的“jquery函数 强大的封装”正揭示了jQuery的核心魅力:它将复杂的JavaScript操作封装成易于理解和使用的函数,极大地降低了前端开发的难度,特别是对于熟悉CSS的人来说,jQuery提供了更便捷的操作DOM(文档...

    jqueryAPI函数chm文档

    本篇将基于提供的"jqueryAPI函数chm文档",深入探讨jQuery的核心API函数,帮助开发者更好地理解和运用这个强大的工具。 一、选择器(Selectors) jQuery的选择器功能强大,兼容CSS1至CSS3,同时还有自己的扩展选择...

    jquery的data函数

    `jQuery`的`data()`函数是JavaScript库`jQuery`中一个非常重要的功能,它用于在DOM元素上存储和检索自定义数据。这个函数允许开发者在HTML元素上附加任意的JavaScript对象,而不会污染HTML的内置属性,使得数据管理...

    jQuery函数全解析

    jQuery函数全解析

    jQuery常见函数

    ### jQuery常见函数详解 #### 一、理解jQuery对象 **jQuery对象**是DOM元素的一种封装形式,通过jQuery库提供的API来操作这些元素。相比于原生JavaScript中的DOM操作,使用jQuery对象更加简便高效。 - **创建...

    jQuery基础.pptx

    jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 HTML元素操作 CSS操作 HTML时间函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX(异步 JavaScript 和 XML。) 2、jQuery...

    适合学习jQuery的学习讲义

    jQuery提供了多种功能,包括HTML元素的选取、DOM元素的选取、CSS操作、JavaScript事件函数、JavaScript特效和动画、DOM元素数组的遍历和修改等。同时,jQuery还提供了大量的插件,如日历插件、分页插件等。 在学习...

    Beginning jQuery:From the Basics of jQuery to Writing your Own Plug-ins

    《 Beginning jQuery:From the Basics of jQuery to Writing your Own Plug-ins》是Jack Franklin和Russ Ferguson合著的一本关于jQuery的入门教程。这本书旨在帮助读者从零基础开始,逐步掌握jQuery的核心概念,并...

    jquery技术内幕:深入解析jquery架构设计与实现原理 完整版第二个包

    进而通过“构造jquery对象”章节分析了构造函数jquery()的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器sizzle、异步队列deferred、数据缓存data、队列queue、浏览器功能测试support...

    jQuery事件函数共4页.pdf.zip

    以下是一些核心的jQuery事件函数及其详解: 1. **$(document).ready()**:这是jQuery中最常用的事件函数之一,它确保文档加载完成后才执行指定的函数。这样可以避免在页面未完全加载时尝试操作元素导致的问题。 2....

    jquery函数

    jquery的一些操作函数,总结。。方便应用,,及时查找

    jquery和js核心api

    学习JavaScript和jQuery,你可以参考"JavaScript核心参考手册.chm",它通常会涵盖语法、对象、函数、DOM操作等全面内容。对于jQuery,"jQuery API 1.4.chm"提供了详细的API文档,帮助你理解和运用各种方法。在实际...

    jQuery点赞动画:“赞+1”文字放大特效代码

    在本文中,我们将深入探讨如何使用jQuery实现一个“赞+1”文字放大特效的点赞动画。这个动画在用户点赞后,会显示出“赞+1”的文字,并伴随着放大效果,然后在几秒钟后自动消失,为用户带来良好的互动体验。jQuery...

    jQuery实现的Ajax函数(已测试)——ASP

    首先,我们需要理解jQuery的核心Ajax函数`$.ajax()`。这个函数是jQuery进行Ajax请求的基础,可以处理所有类型的HTTP请求。其基本语法如下: ```javascript $.ajax({ url: '服务器端脚本地址', type: 'GET'或'POST...

    Jquery开发API指南.pdf

    jQuery的核心功能围绕着`$()`函数展开。这个函数接受一个CSS或基本XPath选择器作为参数,用于匹配一组元素。默认情况下,`$()`会在当前HTML文档的上下文中查找DOM元素。 参数: - `expr`: (String): 用于搜索的选择...

    jQuery技术内幕 深入解析jQuery架构设计与实现原理

    进而通过“构造jquery对象”章节分析了构造函数jquery()的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器sizzle、异步队列deferred、数据缓存data、队列queue、浏览器功能测试support...

    Simple-jQuery.scrollTo:真的,非常简单的 jQuery.scrollTo 函数

    简单的jQuery.scrollTo 真的,非常简单的 jQuery.scrollTo 函数。 10行代码安装: 加载 jQuery 后包含代码。用法:作为 jQuery 实用程序: $ . scrollTo ( to , duration , func ) ;作为 jQuery 原型的扩展: $ ( '...

Global site tag (gtag.js) - Google Analytics