JQuery的核心功能是什么 如何使用？

Jquery或多或少被一个程序员听到过。相信很多人都在项目中用过。现在依赖jQuery的开源库很多，所以熟悉jQuery很有必要。你可以简单的看看技术高超的大神。对小白来说，它仍然是纯粹的干货。最好先从核心函数开始熟悉jQuery，其他函数都是在这个核心函数的基础上进行扩展的。

jQuery内核函数JQuery(表达式，[上下文])。

jQuery(html，[ownerDocument])

jQuery(html，道具)

jQuery(元素)

jQuery()

jQuery(回调)

判例案件

以下是用代码测试上述jQuery核心函数，供不懂的朋友参考：

！DOCTYPE html html head TitlejqueryTets/title script type=' text/JavaScript ' src=' http :/js/jquery . min . js '/script/head body！-测试jQuery环境是否可以使用$(function(){ js code })；意思是网页加载时下面有多个函数，并且‘jquery . min . js ready！’会在网页加载过程中分别弹出。和“自动加载”，即一个网页中可以出现多个$(function(){ js code })；它们将按照网页加载过程中出现的顺序执行-脚本类型=' text/JavaScript ' $(function(){//alert(' jquery . min . jsready！'。);});$(function(){ //alert('自动加载. '));});/scriptjQuery核心函数：- jQuery(表达式，[上下文])，jQuery的核心功能之一-！-1.第一个case-div p id=' h1' p标记，id为h1 /p pp标记/p/div脚本类型=' text/JavaScript '//获取div下的p标记节点var plist=$(' div p ')；//alert(plist . size())；//输出结果为2，即上面的div中有两个p标签。您可以使用size()函数来检查集合元素的数量。var div _ p=$(' div p ')；//alert(div _ p . get(0))；//效果同上。您可以使用get(index)来获取集合中的指定元素(请注意，它不是一个对象)。Index是集合元素的下标/脚本！-1.第二种大小写-表单输入id=' text '类型=' text '值='这是text'/inputbr输入类型=' radio '名称=' city '安徽/Input类型=' radio '名称=' city '北京/input类型=' radio '名称=' city '上海/输入输入类型=' radio '名称=' city '广东/输入/表单脚本类型=' text/JavaScript' var pin表单=$ ('input3360radio '，document . forms[0])；//获取表单中的单选标签var t inform=$(' input 3360 text '，document . forms[0])；//获取表单中的文本标签var ahinputnode=tininformation . get(0)；//获取表单中的第一个文本元素//alert(pinform . size())；//输出结果为4//alert(ahinputnode . value)；//输出结果是这是text//alert ($ ('# text ')。val())；//输出结果是这是文本，但要注意与前一个的区别。/scripthr！- jQuery (html，[ownerdocument])，jQuery的第二个核心函数-div id=' hx2'/div脚本类型=' text/JavaScript ' $(' font color=' red '这是一个动态添加的字体标记/font ')。appendo(' # hx2 ')；//在id为hx2以上的div中动态添加字体标签/scripthr！- jQuery (html，props)，jQuery的第三个核心函数-div id=' hx3'/div脚本类型=' text/JavaScript' $ ('div '，{text:' clickme '，click 3360 function(){ alert(' click！').) } }).appendo(' # hx3 ')；//动态创建div标签，并添加相应的属性和响应事件/scriptbr！- jQuery (elements)，jQuery的第四个核心函数-div id=' hx4 ' jQuery(elements)/div div id=' hx4 ' onclick=' hidden()'一旦单击，就会隐藏/div脚本类型=' text/JavaScript ' $(' # hx4 '). CSS .//将样式添加到id为hx4的div中，并将背景颜色设置为灰色函数hidden () {$ ('# hx4d ')。hide()；//隐藏id为hx4d }的div标记/脚本！- jQuery()，jQuery的第五个核心函数，返回一个空的jQuery对象。在jQuery 1.4中，如果没有提供参数，将返回一个空的jQuery对象。在以前的版本中，这会返回一个包含文档节点的对象。-脚本类型=' text/JavaScript ' var jQueryObj=$()；//alert(jqueryobj . size())；//结果为0，表示返回空对象/脚本！jquery(回调)$(文档)的缩写。ready()，jquery的第六个核心函数。允许您绑定一个函数，该函数将在加载DOM文档后执行。这个函数的行为类似于$(document)。ready()，除了在使用这个函数时，需要包装页面中加载DOM时需要执行的所有$()操作符。从技术上来说，这个函数是可链接的——但是它并不经常以这种方式链接。-脚本类型=' text/JavaScript ' $(function(){//alert(' jQuery核心函数的第六个jQuery(callback)')))；});/script/body/html运行结果：

这是上面介绍的jQuery的核心功能模块，希望对大家的学习有所帮助。