jQuery1(jQuery介绍及$)

最新推荐文章于 2019-05-31 22:06:40 发布
最新推荐文章于 2019-05-31 22:06:40 发布
阅读量281 收藏
点赞数 1
分类专栏： JS-Dom-Jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xbc1213/article/details/50639180
版权

jQuery介绍

jQuery是一个JavaScript的框架库.因为普通JavaScript缺点很明显:每种控件的操作方式不统一,不同浏览器下有区别.要编写浏览器程序非常麻烦.
优点:

  1. 对JavaScript进行了封装简化了开发
  2. 解决大部分的兼容性问题
  3. 对不同的控件具有统一的操作方式
  4. 体积小,简单方便
  5. 链式编程,隐式迭代
  6. 免费

jQuery文件组成:
jQuery普通文件,带mini的为压缩版,项目部署后使用.智能提示文件目前条件已经可以忽略(vsdoc.js)

jQuery中的顶级对象$

jQuery中最常用的对象及$对象.要想使用jQuery的方法必须通过$对象.只有将普通的dom对象封装成jQuery对象后,才能使用jQuery钟的方法.$是jQuery的简写.当然也可以写jQuery.
注意一定要写注释.后续的jQuery代码会越来越多,必要的注释一定要写.

天赋进行时
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery介绍和$函数
qq_40703471的博客
03-30 144
JQuery jQuery就是JavaScript和Query（查询），他是辅助JavaScript开发的js类库。 核心思想： 写得少，做得多 通过jQuery实现一个单击事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"
jQuery（1）
酷爱前端的小陈博客
06-28 5211
​ JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。​ 常见的JavaScript 库：jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等，这些库都是对原生 JavaScript 的封装，内部都是用 JavaScript 实现的，我们主要学习的是 jQuery。​ jQuery总体概况如下 :jQu
jQuery之$冲突问题
line233的博客
11-27 3614
 $在jQuery中是一个函数，$的参数不同，则实现的功能不同，但是$作为一个符号，可能与其他文件中的定义名称相冲突，在jQuery中含有$,比如说在另一个itcast.js文件中也存在一个$,$的定义见下方： 定义为一个对象，var $ = {name: "lalala",age:18} index.html中要同时使用jQuery文件和itcast文件，那么就会引起$冲突问题，并且后引入的...
jquery $() 失效
Never-Say-Never
05-10 3081
检查js代码中是否包含： function $(id){ ....... } 这段代码相当于覆盖了jquery中定义好的$()函数，所以使用的时候jquery的$()就会失效
jQuery中$函数的4种参数
Code for Coffee
05-31 3162
在jQuery类库中，最重要的方法就是jQuery方法，也就是$方法 对于$方法，我们有4种不同的调用方式 这4种调用方式，jQuery是通过4种不同的接收参数的方式来实现的 一、CSS选择器 最常用的是css选择器，通过字符串的方式传入 当通过这种方式调用时，$函数会返回当前文档中匹配该选择器的所有元素，因此返回的是一个数组 jQuery支持绝大多数css选择器的语法，并且支持扩展语...
jQuery中$.fn的用法示例介绍
01-19
$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子：...
jQuery中 $ 符号的冲突问题及解决方案
10-21
在JavaScript和jQuery的世界中，`$`符号是一个非常特殊的字符，它被广泛用作jQuery库的别名，方便开发者编写简洁、高效的代码。然而，当一个页面中同时引用了多个版本的jQuery或者其他使用了`$`作为主要函数的...
jquery中 $.expr使用实例介绍
10-25
主要以示例介绍了jquery中 $.expr使用,需要的朋友可以参考下
jQuery $命名冲突解决方案汇总
01-19
最近遇到个问题，同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时，发现失效了！于是找资料，原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名，jquery也一样。其实$只是jquery的一...
Dom7(动态创建标签,获取页面元素)
xbc1213的博客
01-25 2068
动态创建标签关键字:wirite 语法:document.write(‘内容’); 注意:该方法可以动态创建标签,里面的内容可以直接写标签语句.可以用作镶嵌广告,如果在页面加载后执行,那么页面的其他标签都将会小时. 实例: <script type="text/javascript"> onload=function(){ //第一个作用,可以动态创建标签
Dom6(复制粘贴事件及剪切板操作)
xbc1213的博客
01-25 1425
复制事件关键词:oncopy 在复制时触发,可以使用return false去除. 实例:<script type='text/javascript'> //复制的事件 onload=function(){ document.getElementById('bd').oncopy = function () { alert('禁止复制');
jQuery22(替换元素,包裹元素)
xbc1213的博客
02-07 1115
替换元素第一种方式: 原节点.replaceWith(新节点). 实例:$('br').replaceWith('<hr color="red" />')第二种: 新节点.replaceAll(原节点) 实例: $('<hr color="red" />').replaceAll('br')完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T
jQuery2(JQuery实现onload)
xbc1213的博客
02-05 999
JQuery实现onload注意:dom中的onload,是全部资源加载完后在进行执行,且只能执行一个.而jQuery中是基础元素加载完后就执行,且能执行多个(效率高). 语法:$(function(){});完整的实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
jQuery4(3种选择器,选择器获取元素)
xbc1213的博客
02-05 974
该内容所将选择器都是出现在style中;id选择器实例: #dv //id选择器 { width:300px; height:200px; background-color:Gray; }知识点::将id为dv的标签设置为该样式标签选择器实例:div { width:300px; height:200p
Dom9(美女时钟)
xbc1213的博客
01-25 899
所用知识点: 建立时间对象. var date=new Date(); 获取小时 var hour=date.getHours(); 获取分钟 var minu=date.getMinutes(); 获取秒 var sec=date=getSeconds(); 设置图片src属性: 实例:<!doctype html> <html lang="en"> <head> <
jQuery9(操作类选择器,开关灯)
xbc1213的博客
02-05 667
类选择器的添加及移除添加类选择器 关键字:addClass() 语法:$(‘#p1’).addClass(‘cls’); 意义:给id为p1的元素添加类 cls移除类选择器 关键字:removeClass() 语法:$(‘#p1’).removeClass(‘cls’); 意义:为id为p1的元素移除类名为cls的类.注意,如果这里不写.则移除该元素所有的类样式!!!实例:<!DOCTY
Dom2(页面加载事件,标签样式,刷新)
xbc1213的博客
01-21 643
主要有3种: 第一种:onload 页面加载完毕时触发,浏览器是一边下载文档,一边解析执行,可能会出现会出现JavaScript执行时需要操作的参数还没有加载.如果这样,就要把操作的文档放到body的onload事件中,或者把JavaScript放到元素之后.元素的onload事件是元素自己加载完毕时触发,body onload才是全部加载完成. 案例:onload=function(){
jQuery7(多条件选择器,层次选择器)
xbc1213的博客
02-05 622
多条件选择器关键点:当使用$('') ,引号内的内容可以写多个. 实例:<!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"
Doc12(innerText与innerHTML及兼容性写法)
xbc1213的博客
01-28 564
innerText和innerHTML的区别innerText 翻译:纯文本. 只显示文本内容. innerHTML 翻译:元素代码 显示的是文本和标签,可以直接设置效果.实例:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlu
"jQuery总结1：入门函数、优势及基本介绍
本文主要介绍了jQuery的基本知识和一些代码示例。首先介绍了jQuery的优势，包括提高开发效率、降低开发难度和成本等。接着介绍了jQuery是基于JavaScript开发的框架，本质上就是JavaScript代码。然后给出了一个简单的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值