jquery下载教程,Juery3.0框架使用案例以及基础语法;

 登录juery官网, https://jquery.com/       

1;点击下载;

jquery下载教程,Juery3.0框架使用案例以及基础语法;_第1张图片

2;点开,右键保存;

;jquery下载教程,Juery3.0框架使用案例以及基础语法;_第2张图片

 


juery相比js优点:

jqueryonload加载事件速度更快,并且多个加载并行   【jq绑定事件都是使用的事件函数,不需要加on】;

jsonload加载事件,后面的覆盖前面的;

③在jQuery中,$(  )是其运行环境;

④jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。

juery和js可以相互转换:

①通过$()[0]或者$()get(0)------>js对象

②通过$(document.getElementById("标签id"))  ------>jq对象

    

 

jq修改标签属性;


   
    
    

 查看;

jquery下载教程,Juery3.0框架使用案例以及基础语法;_第3张图片

 


js jq 对css样式的书写;

js需要指定style样式,jq不需要,并且jquery调用css();样式若有符号连接需要遵循驼峰命名,例如font-size需要写成fontSize;

 

 搜索框案例;

用户点击提示消失,离开若没有输入提示继续显示,若输入内容就不再恢复提示【主要使用jquery的focus()和blur()焦点事件函数来对  input 的  text 的  value 来判断是否是    ""  】;

效果如下:

 
    
    

使用innerHTML设置div值;


 变为如下效果;

jquery下载教程,Juery3.0框架使用案例以及基础语法;_第4张图片

    
    
    

 

 

你可能感兴趣的:(JS和JQuery)