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('
') //在在这个对象里面添加这个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(){})
第一个函数为鼠标移到上面时发生的动作,
第二个函数为鼠标离开时发生的动作
})