JQuery基础

框架是一个半成品的软件
一个Javascript框架html
快速入门
导入js文件... min.js
<script src="js/..min.js></script>

EL表达式${...}---jsp中使用

JQuery与Js区别和转换(*)
js-->jq
var divs=...
$(js对象).html();
jq-->js
var $divs=$("div");
$(divs)[索引].innerHTML()
$(divs).get(索引).innerHTML()

JQuery事件绑定与JS区别
$("").click(function(){...});
JS对象.onclick=function(){...};

JQ入口函数与JS入口函数区别
$(function(){...})
定义多次
window.onload=function(){...}
只能定义一次(之前创建的会被覆盖)
选择器
基本选择器
属性选择器
$("div[title='test']}").css
层级选择器
$("A B").css()后代选择器
$("A > B").css()A内子B
过滤选择器
$("div:even").css()奇数
$("div:odd").css()偶数
$("div:gt()").css()大于
lt()小于

$(":header").css();标题

JQuery基础

框架是一个半成品的软件
一个Javascript框架html
快速入门
导入js文件... min.js
<script src="js/..min.js></script>

EL表达式${...}---jsp中使用

JQuery与Js区别和转换(*)
js-->jq
var divs=...
$(js对象).html();
jq-->js
var $divs=$("div");
$(divs)[索引].innerHTML()
$(divs).get(索引).innerHTML()

JQuery事件绑定与JS区别
$("").click(function(){...});
JS对象.onclick=function(){...};

JQ入口函数与JS入口函数区别
$(function(){...})
定义多次
window.onload=function(){...}
只能定义一次(之前创建的会被覆盖)
选择器
基本选择器
属性选择器
$("div[title='test']}").css
层级选择器
$("A B").css()后代选择器
$("A > B").css()A内子B
过滤选择器
$("div:even").css()奇数
$("div:odd").css()偶数
$("div:gt()").css()大于
lt()小于

$(":header").css();标题