JQuery核心:jQuery( expression, context)

jQuery( expression, context ) Returns: jQuery

This function accepts a string containing a CSS selector which is then used to match a set of elements.

这个函数接收一个用来匹配一组元素的含有CSS选择器的字符串。

The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS), which then finds all matching elements.

Jquery的核心函数都是围绕这个函数进行的。JQ里面的一切都是基于它或者以某种形式使用它。这个 函数最基本的用法是传入一个词组(通常是含有CSS元素),然后找到所有的匹配元素。

By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression will be matched against the contents of that context.

默认情况下,如果不指定任何参数,$()会在当前的HTML文档的源文件中查找DOM元素。如果你指定了 元素,比如一个DOM元素或者JQ对象,这表示查找上下文中的与输入内容匹配的元素。

See Selectors for the allowed CSS syntax for expressions.

您可以参考选择器查看表达式的CSS规则。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.showtext{ background:#FF0000; width:auto; height:15px;}
</style>
<script language="javascript" src="../jquery-1.2.6.min.js" type="text/javascript"></script>
<script language="javascript">
$(
function()
{
 //匹配所有的span元素,
 var showText=$("span");
 //对所有span元素添加class属性
 showText.addClass("showtext");
 //匹配所有div中含有p的元素
 var selectDiv=$("div p");
 //showtext的内容赋值
 showText.text("dddd");
 //对selectdiv元素添加class属性
 selectDiv.addClass("showtext");
 //通过CSS类名选择元素
 var selectByClass=$(".showtext2");
 selectByClass.text("BBBBBBBBBBB");

}

)
</script>

<title>无标题文档</title>

</head>

<body>
<div><p>www.gooddo.com</p></div>
<div></div>
<div><p>足不出户订窗帘</p></div>
<div><p>http://shop35607001.taobao.com</p></div>
<span>cccccccc</span>
<span class="showtext2">AAAAAAAAAAAaaa</span>
</body>
</html>

时间: 2024-12-22 13:01:29

JQuery核心:jQuery( expression, context)的相关文章

浅谈Jquery核心函数_jquery

      在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作. 所以Jquery提供了一个可以将DOM对象封装成Jquery对象的函数,就是Jquery核心函数jquery(),也称为工厂函数. jquery核心函数有7个重载,分别如下: jquery()  该函数返回一个空的jquery对象. jquery(elements)  该函数将一个或多个DOM元素转化为Jquery对象(或jquery集合) jqu

JQuery核心函数是什么及使用方法介绍_jquery

jquery对于一个程序员来说,或多或少都听过.相信很多人在项目中也都用过.现在也有很多开源的库都是依赖于jQuery,因此熟悉jQuery还是很有必要的.使用熟练的大神可以简单看看,对于小白来说还是纯纯的干货.熟悉jQuery还是先从核心函数入手比较好,后面其他的功能都是在此核心函数的基础上扩展的. jQuery 核心函数 jQuery(expression, [context]) jQuery(html, [ownerDocument]) jQuery(html, props) jQuery

jQuery 核心函数以及jQuery对象_jquery

一.jQuery 核心函数 首先介绍 jQuery 的几个核心函数,在 jQuery 中它们起着至关重要的作用,在实际的前端开发过程中用到最多的也是它们. 1.jQuery(elements) 将一个或多个DOM元素转化为jQuery对象. 这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数. 返回值:jQuery 对象 参数 elements: 用于封装成 jQuery 对象的 DOM 元素 复制代码 代码如下: // 将当前页面的背景色设为黑色 jQuer

jQuery技术内幕:深入解析jQuery架构设计与实现原理. 2.3 jQuery.fn.init( selector, context, rootjQuery )

2.3 jQuery.fn.init( selector, context, rootjQuery ) 2.3.1 12个分支 构造函数jQuery.fn.init()负责解析参数selector和context的类型,并执行相应的逻辑,最后返回jQuery.fn.init()的实例.参数selector和context共有12个有效分支,如表2-1所示. 表2-1 参数selector和context的12个分支          selector   context    示 例 1    

谈一谈jQuery核心架构设计_jquery

jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javascript中的高级特性来构建如此伟大的javascript库. 1 初识jQuery 从核心功能来看,jQuery仅仅做了一件简单而又平凡的事:查询.它的语法如此简洁明了,以致于很多人在不知道javascript是什么的时候就已经会用jQuery了,用一个词形容就是:大道至简. 从设计层面来看,我们

jquery核心函数domManip详解

domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数 对封装的节点操作做了参数上的校正支持,与对应处理的调用 append.prepend.before.after.replaceWith appendTo.prependTo.insertBefore.insertAfter.replaceAll  节点的操作有几个重点的细节  保证最终操作的永远是dom元素,浏览器的最终A

从零开始学习jQuery (九) jQuery工具函数_jquery

一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就是数组和对象的操作. jQuery工具函数为我们操作对象和数组提供了便利条件. 二.前言 大部分人仅仅使用jQuery的选择器选择对象, 或者实现页面动画效果. 在处理业务逻辑时常常自己编写很多算法. 本文提醒各位jQuery也能提高我们操作对象和数组的效率. 并且可以将一些常用算法扩充到jQuer

jQuery模板:jQuery Templates Proposal

导言(Introduction) 这个提案描述了如何在jQuery的核心库中增加模板支持.更为特别是,这个提案描述了一个新的jQuery方法--名叫render(),该方法可以使你用一段HTML代码渲染一个Javascript 对象和Javascript数组作为一个模板. 该提案的目的在于使插件开发者可以利用标准的方法声明和渲染模板.有一个标准的方法声明和渲染模板对每一个人都很有裨益: 插件开发者可以构建丰富的.数据驱动的插件,如DataGrid插件.插件开发者可以在jQuery的核心库对模板支

jQuery教程:jQuery.noConflict控制冲突

文章简介:谈谈 jQuery 中的防冲突(noConflict)机制. 许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名,jQuery 是其中最为典型的一个.在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾.jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交. jQuery.noCon