jquery 核心函数$()

JQ核心函数:$是Jquery的核心函数 $()就是调用这个函数

 

3.JQ核心函数:$是Jquery的核心函数 $()就是调用这个函数
(1)传入参数为函数:表示页面加载完成之后 相当于window.onload
(2)传入HTML字符串 会自动创建html对象

$(function () {//相当于window.onload事件

var $test= $("#01");//按id查询标签对象
$test.click(function () {//绑定单击事件
alert("点我干der");
});
alert($test);
$("<div ><span> ???</span></div>").appendTo("body");//加入标签对象
});
(3)传入参数为选择器字符串的时候:
$("#id属性值"); id选择器 根据id查询标签对象
$("标签名"); 标签名选择器,根据指定的标签名查询标签对象
$(".class属性值"): 类型选择器 可以根据class属性查标签对象
(4)传入DOM对象 会把DOM对象转为Jquery对象返回
区分jq对象和dom对象:alter出来的效果不同
jquray对象是dom对象的数组+jQuery提供的一系列功能函数
(5)jq对象和dom对象的区别
dom对象的属性和方法jq是没法使用滴 如innerhtml
dom也用不了jq的东西

 

 

jQuery核心函数$的四种用法

1、传入参数为 [ 函数 ]

 $(function () {//在文档加载完之后执行这个函数
     
 }
 //此方法与window.onload = funnction(){}类似

2、传入参数为 [ HTML 字符串 ]

//根据这个字符串创建元素节点对象
$("<div> <span>1</span> <span>2</span> </div>").appendTo("body"); 

3、传入参数为[选择器字符串]

//根据这个字符串查找元素节点对象
$("#btnId");// 根据id属性查找标签对象返回

 

4、传入参数为[DOM对象]

//将DOM对象包装为jQuery对象返回
 var $1 = $( elementById );
 alert($1); //[object Object]

 

 
 

 

posted @ 2021-01-26 11:08  yoyoma0355  阅读(231)  评论(0编辑  收藏  举报