1、window.onload() 与 $(document).ready(); 的区别
window.onload() 必须等待网页中所有内容加载完毕后才执行(包括图片),一个页面最多只能包含一个。
$(document).ready() 网页中所有dom结构绘制完毕后就执行,可能dom元素关联的东西并没有加载完,一个页面可以多次使用。
$(document).ready(function() {}) 还可以简写为 $(function() {});
2、jquery代码连用
$("#menu div").click(function() {
$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();
});
说明:end() 重新定位到上次操作的元素
3、相互转换
1) jquery -> dom
$('#menu').get(0).innerHTML
$('#menu')[0].innerHTML
2) dom -> jquery
var dom = document.getElementById("menu");
dom.innerHTML; // dom操作
$(dom).html() // jquery操作
4、jquery操作与dom操作对比
var $cr = $("#cr");
var cr = $cr.get(0);
cr.checked // dom属性,判断dom是否被选中
$cr.is(":checked") // jquery方法,判断对象是否被选中,返回boolean值
5、jquery与其他库冲突的问题
1)jquery在其他库之后导入
jQuery.noConflict(); // 将$控制权交给其他库,后续只能使用jQuery代替$
var $j = jQuery.noConflict(); // 自定义快捷方式,用$j来代替$,以便释放$的控制权
如果不想给jquery自定义名次,还要使用$而不管其他库,同时还不想与其他库冲突,可以使用如下两种方法:
(1) jQuery.noConflict();
jQuery(function($) {
var $cr = $("#cr");
// to do ...
});
(2) jQuery.noConflict();
(function($) {
$(function() {
var $cr = $("#cr");
// to do ...
});
})(jQuery);
2)jquery在其他库之前导入:直接使用jQuery
6、开发工具、插件
可以给Dreamweaver安装jQuery插件jQuery_API.mxp
也可以使用IDEA作为开发工具,它的功能很强大
分享到:
相关推荐
初识jQuery,12课时的第一课,帮助你了解jQuery
RIA应用开发:1-初识Jquery.ppt
我是辰兮,很高兴你能来阅读,本章初识jQuery,用案例详细的讲解了jQuery的DOM操作,每一个操作都有详细的案例以及截图,希望对你有帮助,分享获取新知,大家一起进步。 下一篇请参考:JQuery-DOM进阶 文章目录一、...
用jquery为ul下的li依次设置样式的代码,主要是利用了first,next方法。
本来这一篇要写JavaScript的事件处理的,但是内容好多啊,这一套那一套的,看得有点晕……查资料的时候发现好些东西大家都是用 jQuery 实现的,据说挺好上手的,那我就先看看 jQuery,之后和JS对照着学吧。...
学习前端的第六天,对jQuery的初识
1 初识jQuery 从核心功能来看,jQuery仅仅做了一件简单而又平凡的事:查询。它的语法如此简洁明了,以致于很多人在不知道javascript是什么的时候就已经会用jQuery了,用一个词形容就是:大道至简。 从设计层面来看,...
接触javascript的时间说起来,长不长,短不短,其实真正开始学习它的时候应该是在去年大四11月份的时候,反正写网上的一些简单的特效,基本都是用jquery写得比较多,以致于对原生的js了解也是一知半解
对于了解ajax 并 初识jq 的人很有帮助
初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例。写了一些基本的增删改查功能,算是对该控件的基本入门...
一、初识 ajax ajax 是Asynchronous Javascript And XML四个单词的简写,粗略翻译为:异步的Javascript 和 XML. 1.异步:代表的是前端向后台发起请求,让后端处理完成,然后再返回一段数据,前端拿到返回的数据后...
0.HTML5和CSS3完成网站布局 ...---2.列表、表格、媒体元素 ---3....---4.css3入门使用 ---5.css3美化 ---6....---7....---8....---第一章 ...---5.初识jQuery(转换) ---6.jQuery选择器 ---7.jQuery的事件与动画 ---8.jQuery操作D
jquery7.0课程,含有课程ppt讲解,上机练习和简答的源代码,内容与8.0课程相似
本文实例为大家分享了jquery中show()、hide()和toggle()用法实例,供大家参考,具体内容如下 ...初识jQuery</title> [removed][removed] <!--引用这个jquery库--> <style> #test{ display
jQuery 和Dom关系及jQuery版本 jQuery选择器 实例多选反选取消 删选器以及Tab菜单示例 示例:模态编程框 jQuery 样式以及属性操作 示例:TAB切换菜单 jQuery内容操作 点赞以及jQuery css操作 JQuery高度以及位置操作...
一、Bootstrap简介 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt开发的,它在 jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并...