> 文档中心 > jquery

jquery

 

入口函数!!
$(function(){
//这里面写相关的代码

})
$("选择器").click(function(){
})
来复习一下事件 click dbclick focus  blur change  scroll submit mouserover mousedown mouseout  hover(fun1,fun2) keyup keydown keypress
对象互转----》 js--->jq  $(js对象)也就是$()把js对象包起来,
jq---》js 怎么搞!  $()[索引]
jq数组得到值怎么搞?---》$().eq(索引)
也可以控制css哦!!
$().css({
 '':'',
 '':'',
 '':''

})
$().prop('属性名')获取值  $().prop('属性值','修改后的值')
$().click(function(){})
也可以来绑定事件!!
$().bind({
  '事件名':function(){},
  '事件名2':function(){}

})
获取值怎么搞?
val()注意!!!只要有()的都是$()对象所有的!!!
使用bind可以怎么?---》绑定多个函数对吧!!!
我们怎么来控制标签内容呢?
介绍一个方法
$().html()//获得这个jQuery的html文本!
$().html('

 h1

')  //在在这个对象里面添加这个html文本

控制class
$().addClass({

})
$().removeClass()

$().hasClass()

-------------------------
选择器--》得到的都是jQuery对象

$('标签名')  //标签选择器
$('#id值') //id选择器
$('.class名') //类选择器!!!
$('a b')  a中的所有b元素
$('a +b') 与a同级的元素,且这个元素是在a后面的第一个b元素!
$('a ~b') a元素后面的所有b元素,且b元素与a 元素同级(俗称兄弟元素)
$('input[title]') //含有属性title 的input标签
$('input[title=112]')//title属性=112的input标签
$('input[title^$*=000]') //^$* 分别表示以112 开始结尾含有的input标签
$(':first ||  :last  ||  :even ||  :odd || :animated || :not(选择器) || :gt() || :lt() || :eq())

$(':enabled' )  
$(':disabled')
$(':checked')
$(':selected')

$('').parent()
$('').parents()
$('').children()
$('').find(选择器)找到这个元素 的子元素,满足这个选择器的要求
$().show()  
 $().hide()
$().toggl()

///可以设置毫秒数!!!
$().slideDown()
$().slideUp()
$().slideToggle()

$().fadeIn()
$().fadeOut()
$().fadeToggle()

$().fadeTo('毫秒数',透明度)
透明度 取值0--1
------------------------
//这个元素就是jq对象
$().append()//添加子元素,,最后一个
$().After()//在这个元素的后面添加一个元素
$().Before()  //在这个元素

$().remove()// 删除这个元素,包括内部元素
$().empty() //将这个元素置空
$().replaceWith()//用什么将这个$()元素替换!!
$().each(function(index,element){
function(){}//有两个参数,index,element
//这个方式遍历$()对象!
$(element)//注意获得的这个element是js对象,需要将它进行包装!!!!

事件切换---》
hover(function(){},function(){})
第一个函数为鼠标移到上面时发生的动作,

第二个函数为鼠标离开时发生的动作

})