多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件

多库共存

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script>// 一个html文件引入多个的js文件库,每个js库中的顶级对象可能都是$// 1.js $.eat();// 2.js $.sayHi();</script><script src="jquery-1.12.1.js"></script><script>// // 普通的变量,10// var $ = 10;// console.log($);// // 页面加载// $(function(){//     $("#btn").click(function(){//         console.log("小苏好猥琐哦");//     });// });// // 普通的变量,10// var $ = 10;// console.log($);// $ = jQuery;// // 页面加载// $(function(){//     $("#btn").click(function(){//         console.log("小苏好猥琐哦");//     });// });// 把$的权利给xy了,$就可以作为其他的用法出现在代码中var xy = $.noConflict();// 普通的变量,10var $ = 10;console.log($);// 页面加载xy(function(){xy("#btn").click(function(){console.log("小苏好猥琐哦");});});</script>
</head>
<body>
<input type="button" value="按钮" id="btn"></body>
</html>

包装集的问题

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="jquery-1.12.1.js"></script><script>// 包装集:把很多的DOM对象进行包装或者是封装---->jQuery对象// jQuery对象---->DOM对象---->jQuery对象[0]---->获取到这个对象// $("#btn")[0]// $("#btn").get(0);// $(function(){//     $("p")[1].innerHTML = "哈哈";// });// 包装集 ---->length属性// jQuery中如何判断这个元素是否存在,就是通过包装集的length属性来测试的// 是通过这个对象.length属性不等于0的方式来判断// $(function(){        //     if($("#btn").length!=0){//        console.log("存在");//     }else{//        console.log("不存在");//     }// });</script>
</head>
<body>
<input type="button" value="按钮" id="btn">
<p>1</p>
<p>2</p>
<p>3</p></body>
</html>

点击按钮创建一个p

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 200px;height: 100px;background-color: red;}</style><script src="jquery-1.12.1.js"></script><script>$(function(){$("#btn").click(function(){if($("#p1").length==0){// 点击按钮,只创建一个p标签,在div中$("<p id='p1'>这是一个p</p>").appendTo($("#dv"));}});});</script>
</head>
<body>
<input type="button" value="创建一个p" id="btn">
<div id="dv"></div></body>
</html>

几个属性介绍

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 200px;height: 100px;background-color: green;border: 5px solid red;}</style><script src="jquery-1.12.1.js"></script><script>// innerWidth()/innerHeight() 方法返回元素的宽度/高度 (包括内边距)// outerWidth()/outerHeight() 方法返回元素的宽度/高度 (包括内边距和边框)// outerWidth(true)/outerHeight(true) 返回返回元素的宽度/高度 (包括内边距// 、边框和外边距).$(function(){// div的宽,没有边框和宽console.log($("#dv").innerWidth());// div的高,没有边框console.log($("#dv").innerHeight());// 有边框的宽(包括边框的宽)console.log($("#dv").outerWidth(true));// 有边框的高(包括边框的宽)console.log($("#dv").outerHeight(true));});</script>
</head>
<body>
<div id="dv"></div></body>
</html>

jQuery的插件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script>// 插件:就是一个功能,jQuery插件,别人把功能写好了,我们直接拿过来就可以了// 轮播图,别人写好了,我的页面中想要有轮播图的效果,直接拿过来加入到我的页面// 就可以了// 一般插件使用步骤:/*** 先下载插件的文件,* 压缩包:(js文件,css文件,插件的js文件,index.html),* 如果没看见文件,请在对应的文件夹中** 引入到自己的开发工具中,先看效果** 自己创建一个文件夹----插件* 引入他的js文件----jquery-1.xx.js* 引入他的css文件** 引入他的插件js文件** 把index.html让复制的html代码加入到自己的body中(div)* 把index.html文件中的jQuery代码,复制到自己的script标签中即可* */</script>
</head>
<body></body>
</html>

多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件相关推荐

从零开始学习jQuery (三) 管理jQuery包装集
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
从零开始学习jQuery (三) 管理jQuery包装集【转】
一.摘要在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二.前言本系 ...
jQuery框架学习第三天：如何管理jQuery包装集
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
python 图形界面库对比合集
从 Python 语言的诞生之日起,就有许多优秀的 GUI 工具集整合到 Python 当中,这些优秀的 GUI工具集,使得 Python 也可以在图形界面编程领域当中大展身手,由于 Python 的 ...
50 jQuery拷贝对象与多库共存
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery拷贝对象如果想要把某个对象拷贝(合并)给另外一个对象使用,此时使用$.e ...
jQuery多库共存问题解决方法
一.问题概述: 1.随着jQuery的流行,采用jQuery和$符为命名空间的js库越来越多,当然jQuery的$符也是参照的Prototype库的,所以当多个库同时以$符或者jQuery为命名空间时 ...
jQuery内置动画和多库共存
<!-- 淡入淡出: 不断改变元素的透明度来实现的 1. fadeIn(): 带动画的显示 2. fadeOut(): 带动画隐藏 3. fadeToggle(): 带动画切换显示/隐藏 --& ...
mysql 修改库的校对集_mysql数据库的基本操作(增删改查、字符集、校对集)
MySQL数据库概述 MySQL数据库是经典的关系型数据库管理系统,MySQL 是最流行的关系型数据库管理系统之一,在 WEB 应用方面,MySQL是最好的 RDBMS (Relational Dat ...
jQuery学习笔记系列（三）——事件注册、事件处理、事件对象、拷贝对象、多库共存、jQuery插件、toDoList综合案例
day03 - jQuery 学习目标: 能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件能够说出 jQuery ...

多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件

多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件相关推荐

最新文章

热门文章

多库共存 包装集的问题 点击按钮创建一个p 几个属性介绍 jQuery的插件

多库共存 包装集的问题 点击按钮创建一个p 几个属性介绍 jQuery的插件相关推荐

最新文章

热门文章

多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件

多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件相关推荐