Jquery使用 - 爱码网

jquery简介

服务端和客户端有三种方式传递数据

HTML(无需与其它应用程序共享数据的情况下）

XML(需与其它应用程序共享数据，尤其是在不同的系统中，平台中，同时内容较多的情况下)

JSON(需与其它应用程序共享数据，同时内容不多的情况下）

jQuery开发步骤：

通过<script/>导入jquery的js类库

使用$(“#id”)，通过id来定位html元素

通过val()和html()分别取得html元素的值
val()和html()是能由jQuery对象调用，不能由dom对象调用
val()—value属性 html()—innerHMTL属性

jQuery 对象就是包装DOM对象后产生的对象。如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法:
虽然jQuery对象是包装DOM对象后产生的，但是jQuery对象无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错
约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $

jquery与dom对象转换

Jquery使用

加载模式

window.onload=function(){………..} //javascript等待加载（页面加载完成（图片），才执行。），只会执行一次，前面都会被覆盖掉。

$(document).ready(function(){…….})//jquery等待加载(只需dom加载完毕即可)，执行多次。可简写为$(function(){......})

多个库之间的冲突

例如jQuery库引入在base库之前。那$所有权属于base库

解决方案。jQuery不用$,用jquery(‘#div’)或者定义一个变量var $$=jquery,就可以引用啦$$(‘#div’),

如果jQuery库引入在base库之后，jquery有个方法jquery.noConfict();把自己的$所有权删除，在利用变量来定义即可
无论第三方库在jquery之前或者之后，都有办法解决

注意：通过js来操作css属性时，格式有些变化，比如style=”background-color:red”,在js中写的事时候应该是$(“#hello”).css.backgroundColor=”red”;

API

jquery的同一个方法既有设置值的作用，也有获取值的作用。

$(“a”).css(“color”,”red”)；//设置a标签的css样式

$(“#hello”).css(“color”,”red”)；//设置id为hello的标签的css样式。

$(“#hello”).css(“color”)；//获取id为hello的标签的css样式中的color属性值。

$(“#hello”).length//获取id为hello的对象的个数。

$(“#hello”).html()//获取id为hello的标签里面的内容（所有内容，既是是标签也一同返回相当于innerHTML）

$(“#hello”).text()//仅仅返回标签里面的内容（相当于innerTEXT）