jQuery学习之--初识
来源:互联网 发布:小学生学编程视频教程 编辑:程序博客网 时间:2024/04/25 11:44
<script src="js/jquery1.7.2.js" type="text/javascript"></script>
首先,如何导入jquery库,就像Java中的类一样,如果要使用,就得先导入。这里当然不是导入类文件,因为这里是javascript,我们需要导入我们的js文件。在这里演示的是最新版的jquery1.7.2
按照国际惯例,我们尝试着打印HelloWorld。
$(document).ready(function(){ alert("Hello");});或者可以这样写$(function(){ alert("Hello");});这里是看不出来简易的地方,但是,以后你会,发现。jQuery那“write less,do more”宗旨不是挂羊头卖狗肉,随便要喝,你会不会被它的魅力感染。
jQuery采用了链式操作方式。
$(document).ready(function(){$(".has_children").click(function(){$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();});});对于同一个对象,不超过三个操作的,可以直接写成一行,但是对于同一个对象的较多操作,可以每行写一个操作,当然这只是一个建议,如果你认为你超级牛B,并且有足够的体格不怕维护人员KO的话,可以试着把所有的操作放一行,下面向你展示一个我自己加的,这个还不算太长,但是已经足够能说明问题。(一面年纪轻轻就谢顶)
$(".has_children").click(function(){ $(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();当然,这里还有必要说下DOM对象和jQuery对象之间的转换。
DOM-->jQuery
$(document).ready(function(){var obj=document.getElementsByTagName("h3")[0];var $jQueryObj=$(obj);alert(obj.innerHTML);alert($jQueryObj.html());});jQuery到DOM
var $variable = jQuery对象;var variable = Dom对象
jQuery提供两种方法将一个jQuery对象转换成Dom对象,想知道,如何获取,那就等下一张吧。
- jQuery学习之--初识
- jquery学习之路 初识jquery!
- jquery mobile学习教程之初识Jquery mobile 一
- jquery笔记之初识
- 【jQuery 学习笔记】初识jQuery
- jquery学习笔记----初识jquery
- jquery 学习 一 初识jquery
- jQuery入门之初识jQuery
- Jquery 学习笔记(一)Jquery初识
- jQuery学习笔记一(初识jQuery)
- jQuery学习笔记——初识jQuery
- Swift学习之初识
- 【Docker学习】之 初识
- python 学习之初识
- 初识jQuery之--样式表-显示-隐藏
- PYTHON学习之初识PYTHON
- linux学习之初识GCC
- ios学习之 初识UINavigationController
- POI示例
- vs2010web项目调试asp.net 网页调试时提示正在等待来自localhost的响应的解决办法
- 将Android项目中的公共部分提取为公共项目(Library Projects)
- jQuery学习之--几种主流JavaScript之比较
- JAVA POI处理WORD
- jQuery学习之--初识
- Linux Posix Thread Programming
- vsprintf.c源代码
- Ubuntu 12.04 G++ Hello World 配置
- ListView中getView的原理+如何在ListView中放置多个item
- C# Access数据库操作
- C语言位域
- Javascript作用域原理
- CSS学习1