每天一个小知识点7（jQuer总结一）

来源：互联网发布：怎样在淘宝上卖手机编辑：程序博客网时间：2024/05/17 03:33

jQuery总结一

了解jQuery

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）

注意:

jQuery2.0及后续版本将不再支持IE6/7/8浏览器

优势：

jquery的使用

引入jquery文档

<script src="jquery-1.7.min.js"></script>

实验引入成功没

$(document).ready(function(){ alert("hello world");})//这个方法相当于之前的window.onload()

--这里插播个非常好玩的东西

window.onload=function(){alert("hello")} x2---注意会执行几次？

区别1：

window.onload---当网页中所有类容加载完毕之后再执行，包括图片 jquery的方式：网页中dom结构绘制完毕后就开始执行，可能dom元素相关联的东西并没有加载完成但这么写太麻烦了，我们一般简写

$(function(){alert("hello world")})

jquery对象和dom对象

什么是dom对象

文档对象模型中的dom树，dom树上的每一个元素节点就是一个dom对象

var obj=document.getElementById("id")-----这玩意就是获得dom对象

jquery对象

jquery对象---是指jquery包装dom对象后产生的对象

$("#message")---获得id为message的对象

案例：

$("#message").html("nihao")//等价于document.getElementById("message").innerHTML="nihao"

没必要的话jquery的东西尽量不要和原生态js混搭使用

注意从上边可以看出来jquery对象和js对象并不能完全是一个东西的所以以后我们写代码用这样的风格

var $temp=$("#temp")//jQuery对象var temp=document.getElementById("temp")//dom对象

互相转换

jQuery提供了两种方式来转换

jQuery对象是一个数组对象可以通过[index]方式来获得dom对象
```
var $p=$("#message")var p=$p[0]p.innerHTML="hello world"
```

jQuery本身提供的get(index)来获得

var $p=$("#message")var p=$p.get(0)p.innerHTML="hello world"

dom对象转换成为jQuery对象

这个非常简单实用一个$()包起来就可以了

var p1=document.getElementById("message");var $p1=$(p1);$p1.text("hello world2")

jquery选择器的使用

*选择器我们已经用了很久了，用处就是通过选择器很快的找到网页上的dom并且操作他们

jQuery在选择器的风格上完全继承了css的那一套东西，并且更加强大，为我们写代码提供了很方便的帮助*

常用选择器

过滤选择器

属性过滤选择器

子元素过滤选择器---重要

表单对象属性

0 0