jQuery基础

 

jquery概述

1. jQuery是一款免费且开放源代码的JavaScript代码库，引入了全新的dom选择器引擎，同时提供ui库组件
2. 优点：
   • 轻量级、强大的dom选择器。
   • 简化JavaScript和a.jax开发。
   • 解 决不同浏览器兼容问题。
   • 提供UI组件让页面开发更方便。

jQuery对象

• jQuery对象和dom对象互换

  1. dom转为jQuery： var obj = document.getElementById("div1"); //dom对象转化为jQuery var jq = $（obj）； alert（jq.html()）；

遍历数组：$（“div1 label”）.each(function(index,data)){index位循环变量，data为数组中的dom对象});

jquery元素设置

设置，获得标签中的内容：（相当于innerHMTL）$（“#div”）.html("<p aaa /p>")//设置内容

设置获得value值：$（“#userName”）.val("张三")；//设置value值 ， alert($（“#userName”）.val());//得到value值

显示，隐藏元素：$（“#p”）.show("slow")//附加动画，显示元素，$（“#p”）.hide("slow")//附加动画，隐藏元素

jquery取消事件

1. 取消对象中所有事件---$（“#p”）.unbind（）
2. 取消对象中所有点击事件----$（“#p”）.unbind（“click”）
3. 取消对象中某一个点击事件----$（“#p”）.unbind（“click”，fun）