分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery核心函数

发布时间:2023-09-06 02:21责任编辑:林大明关键词:jQuery

$();或jQuery();就代表了调用jQuery的核心函数:

jQuery核心函数的作用:

 1.接收一个函数,(入口函数),

   $(function(){

      alert("ok");

    });

  2.接收一个字符串:

  • 接收一个字符串选择器:$(".box"),$("#box"),返回一个jQuery对象,对象中保存了找到的DOM元素
  • 接收一个字符串代码片段:$("<p>我是一个p标签</p>"),返回一个jQuery对象,对象中保存了创建的DOM元素,(动态创建dom元素)

 3.接收一个DOM元素

如果将原生JS获取的DOM元素传给jQuery核心函数,核心函数会将它包装成jQuery对象返回给我们;

 

<!DOCTYPE html><html lang="en"> ???<head> ???????<meta charset="UTF-8"> ???????<title>Document</title> ???</head> ???<body> ???????<div class="box1"></div> ???????<div id="box2"></div> ???????<span>我是span标签</span> ???????<script src="../JS/jquery-3.3.1.min.js"></script> ???????<script> ??????????//$();或jQuery();就代表调用了jquery的核心函数 ??????????//jquery核心函数的作用 ??????????//1.接收一个函数(入口函数) ??????????$(function(){ ??????????????//2.接收一个字符串 ??????????????/*2.1接收一个字符串选择器 ??????????????(返回一个jQuery对象,对象保存了找到的DOM元素) ??????????????*/ ??????????????let $box1 = $(".box1"); ??????????????let $box2 = $("#box2"); ??????????????console.log($box1); ??????????????console.log($box2); ??????????????/*2.2接收一个代码片段(动态创建dom元素) ??????????????(返回一个jQuery对象,对象中保存了创建的DOM元素) ??????????????*/ ??????????let $p = $("<p>我是段落</p>"); ??????????console.log($p); ??????????$box2.append($p); ??????????/*3.接收一个DOM元素 ????????????如果将原生的dom元素传给jQuery的核心函数,核心函数会将他包装 ????????????成jQuery对象返回给我们 ??????????*/ ??????????let span = document.getElementsByTagName("span")[0]; ??????????console.log(span); ??????????let $span = $(span); ??????????console.log($span); ??????????}); ???????</script> ???</body></html>

 

jQuery核心函数

原文地址:https://www.cnblogs.com/zhang-jiao/p/9943468.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved