jquery DOM操作小结

原创 2019-01-28 22:42:52 285
摘要:// 本章节主要学习了jquery操作document的一些事件// 操作CSS// $('元素&标签').css('属性名称') 获取CSS// $('元素&标签').css('属性名称','值') 设置单一CSS值// $('元素&标签').css({'属性名称

// 本章节主要学习了jquery操作document的一些事件


// 操作CSS


// $('元素&标签').css('属性名称') 获取CSS

// $('元素&标签').css('属性名称','值') 设置单一CSS值

// $('元素&标签').css({'属性名称':'值','属性名称':'值','属性名称':'值'}) 设置多属性CSS值


// 操作元素$标签属性


// $('元素&标签').addclass('class类名' '') 设置元素&标签CSS.class值,多个标签用空格 格开

// $('元素&标签').removeclass('class类名' '') 删除元素&标签CSS.class值 多个标签用空格 格开


// $('元素&标签').attr('元素&标签属性名' '') 设置或获取元素&标签属性值 ,号后为空则获取

// $('元素&标签').removeattr('元素&标签属性名' '') 删除或获取元素&标签属性


// $('元素&标签').hasclass ('class类名') 检测是元素&标签中是否有CSS.class类名,返回布尔值。

// $('元素&标签').Toggleclass('') 集合.addclass .removeclass特性切换


// $('元素&标签').text('') 设置元素&标签中的内容 留空为获取值。


// $('元素&标签').html('') 设置元素&标签和属性和内容  含元素&标签本身其属性。


// $('元素&标签').val('') 获取元素&标签的value的值  留空为获取值。


/*

事件操作与JS事件类似  太多了就偷懒了


事件很多,网上查了一下归类

UI事件:当用户与页面上的元素交互时触发。

$('元素&标签').resize('') 元素&标签的值改变时要做的动作。


焦点事件:当元素获得或失去焦点时触发


$('元素&标签').focus('') 元素&标签获得焦点要做的动作。


鼠标事件:当用户通过鼠标在页面上执行操作时触发


$('元素&标签').click('') 鼠标点击元素&标签时要做的动作。

$('元素&标签').mousemove('') 鼠标移动元素&标签时要做的动作。


滚轮事件:当使用鼠标滚轮时触发

没找案例


文本事件:当在文档中输入文本时触发

没找案例


键盘事件:当用户通过键盘在页面上执行操作时触发

変动事件:当底层DOM结构发生变化时触发

*/


/*


$('document').ready(function(){

?文挡准备就绪

})


*/


还有两个有意思的


$('元素&标签').hover(


function(){

进入时要做的动作

},


function(){

退出时要做的动作

}

)


$('元素&标签').Toggle('') 元素&标签隐藏与显示切换



批改老师:查无此人批改时间:2019-01-29 09:00:25
老师总结:作业完成的不错,程序员越会偷懒,程序写的越好。 但是不是平时的偷懒,而且想办法把事情做好后,以后不需要重复做。继续加油。

发布手记

热门词条