jQuery核心函数
来源:互联网 发布:小米聊天软件 编辑:程序博客网 时间:2024/06/06 05:37
一,jQuery([selector,[context]])
这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。
jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是
向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。
例如:
1.找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。
$("div > p");
2.设置页面背景色。$(document.body).css( "background", "black" );
3.获取body下面的所有div的个数$("div","body").length
二,jQuery(html,[ownerDocument])
根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。
html (String) : 用于动态创建DOM元素的HTML标记字符串
ownerDocument (Document) : 可选,创建DOM元素所在的文档
例如:
$("<div>Hello Bingo!</div>").appendTo("body"); //在body后面追加一段html代码(<div>Hello Bingo!</div>);
备注:动态创建input的时候必需同时创建type属性,例:$("<input type='checkbox'>");
// 在 IE 中无效:$("<input>").attr("type", "checkbox");// 在 IE 中有效:$("<input type='checkbox'>");
例如:创建一个 <input> 元素,同时设定 type 属性、属性值,以及一些事件。
$("<input>", { type: "text", val: "Test", focusin: function() { $(this).addClass("active"); }, focusout: function() { $(this).removeClass("active"); }}).appendTo("form");
callback (Function) : 当DOM加载完成后要执行的函数
也可以写成:$();
说明:根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。
html (String) : 用于动态创建DOM元素的HTML标记字符串
props (Map) : 用于附加到新创建元素上的属性、事件和方法
实例:$("div",{
说明:将一个或多个DOM元素转化为jQuery对象。
elements (Element, Array<Element>) : 用于封装成jQuery对象的DOM元素
实例:$(document.body).css( "background", "black" ); //注意,这里与jquery选择器不同哦!
- jQuery 核心函数
- jQuery核心函数详解
- jQuery 核心函数
- jQuery核心函数
- jQuery核心函数
- jQuery核心函数
- jQuery的核心函数
- jquery核心函数
- jquery 核心函数
- jQuery核心函数
- jQuery核心函数
- jQuery核心函数-jQuery(callback)
- jQuery 核心函数:jQuery(callback)
- jquery核心函数jQuery()学习
- jQuery 核心1_jQuery核心函数
- jQuery 学习二(核心函数)
- Jquery编程之核心函数
- jQuery四个核心函数详解
- 多播路由中的稀疏与密集拓扑结构以及共享树
- 第一章 开始
- 面向对象
- 忘記注入@Autowired(指的是業務接口的注入)發生的異常
- 图片选择(相片和图库)
- jQuery核心函数
- Leetcode_AddTwoNumbers
- 程序员保持天天快乐的6个习惯
- PHP多线程批量采集下载图片
- Play Framework ajax集成使用
- Eclipse 的任务试图和标签
- 克鲁斯卡尔模版
- 事情要记住在软件开发
- 小米开源:站在巨人肩膀上的创新