JQuery是对JavaScript的一种封装,通过封装使得编程开发效率更高,速度更快,更简洁精炼,从而更优雅。不得不说$在JQuery中大量出现。 JQuery框架,会使用ready($(funct
JQuery是对JavaScript的一种封装,通过封装使得编程开发效率更高,速度更快,更简洁精炼,从而更优雅。不得不说$在JQuery中大量出现。
JQuery框架,会使用ready($(function(){}匿名函数)),首先是对选择器的选择,即选择选择器,一般开发中常用id选择器和class类选择器。在选择器的基础上可以对属性prop进行操作,也可以对样式css进行操作。然后可以对html进行操作,.html(),还可以绑定事件,常用有blur 元素失去焦点,click() 鼠标单击,submit() 用户递交表单这三种事件。
JQuery css(style) class ------- html内容 prop属性 除了css 其他都可以用prop来操作
submit提交的时候 function(){
return false;}阻止表单提交
return false阻止时间冒泡 event.stopProgation()
jquery将元素的显示和隐藏效果封装成了三个方法,通过这三个方法可以快速的制作元素的显示和隐藏效果
show() // 将元素显示,相当使用了css方法 css({‘display’:‘block’})
hide() // 将元素显示,相当使用了css方法 css({‘display’:‘none’})
toggle() // 切换元素的显示和隐藏,在方法内部获取了元素的显示状态,然后反向设置元素的显示效果
切换登录注册和欢迎你
<script type="text/javascript">$(function () {
$(".login_info em").html({{.username}}).parent().show().next().hide();
})
</script>