jQuery入门

现在我开始学习前端的js框架jQuery,虽然还要学很多东西,但是我也会坚持下去,万事开头难,坚持就是一种人生态度,在我自学的过程中,发现问题,解决问题.没有什么可以让我放弃,我喜欢这个方向,为之努力.加油

jQuery

入口函数
作用:先加载文档,在执行这里面的代码.

$(function(){
})

jQuery对象
直接用jQuery语法得到的就是jQuery对象
eg:
获取一个div,这个divl就是一个jQuery对象.

 $('div')

• DOM对象和jQuery对象之间可以相互转换
  将一个div转换成jQuery对象就是

$('div')

• jQuery对象转换换成DOM对象
  两种方式

$('div')[index]  index是索引号
$('div').get(index) index是索引号

jQuery选择器
这里我就写一些常用的就好
$(‘选择器’) 里面的选择器直接写css的选择器就行,但是要加引号,单引,双引都可以;
其实都跟css的选择器差不多,

$('#id')		id选择器 获取指定id的元素
$('*')			通配符选择器  匹配所有原素
$('.class')		类选择器  获取同一类class的元素
$('div')	标签选择器  获取同一标签的所有原素
$('div, span, a')    交集选择器,可选择多个元素
$('ul>li') 子代选择器 获取亲子层级的元素.不包括孙子层级的元素
$('ul li') 后代选择器  获取ul下所有li元素,包括孙子

jQuery筛选选择器
三个常用的

:first	$('li:frist')	获取li元素中的第一个元素
:last	$('li:last')	获取li元素中最后一个li元素
:eq(index)	$('li:eq(0)')   获取li元素中索引号为0 的元素.

jQuery筛选方法

parent()	查询父级
find()		查找想要的
children()	相当于 $('ul>li') 
siblings()	查找兄弟节点,不包括自身
eq(index)	相当于 :eq(index)

jQuery设置样式
语法

$('选择器').css('属性','值')

jQuery里面的排他思想
原理就是运用了 siblings()方法
当前的元素设置样式,其余兄弟元素清除样式

基础先说道这里,我只是总结一些常用的方法和知识点,希望能帮助大家,也可以帮助自己.后面我会继续学习,利用jQuery写一些案例,帮助自己和大家更加熟悉jQuery.如果有错的希望大家可以提醒我.