首页 > Web开发 > 详细

jquery基础

时间:2020-08-15 13:27:09      阅读:56      评论:0      收藏:0      [点我收藏+]

$(document).ready(function(){ // 在这里写你的代码... });

$(function($) { // 你可以在这里继续使用$作为别名... });


1. jquery在DOM结构渲染完毕就可执行内部代码,不必像js一样等外部资源加载完成
2. 相当于js中的DOMContentLoaded
3. 不同于js中的load,load事件是等页面文档,外部js文件,css文件,图片加载完成才执行内部代码


 

jquery的顶级对象$:

$ = jquery,$是jquery的顶级对象,相当于js中的window。把元素通过$包装成jquery对象,即可调用jquery方法。


 

jQuery对象和DOM对象:

1. DOM对象:用原生js获取过来的就是DOM对象

var mydiv = document.querySelector("div");

技术分享图片

 

 

2. jQuery对象:用jQuery方法获取过来的就是jQuery对象(即通过$把dom元素进行包装)

$("div");

技术分享图片

 

3. DOM对象j只能使用js属性和方法,jquery对象只能使用jquery方法

技术分享图片


 

 

 

 

 

 

 

 

 

jQuery对象和DOM对象可以互相转换:

 

技术分享图片

 

 1. DOM对象转换为jquery对象

技术分享图片

 

 2. jquery对象转换为DOM对象

 技术分享图片

 

 技术分享图片

 

 技术分享图片

jquery基础

原文:https://www.cnblogs.com/pinkowonote/p/13507852.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!