从零开始学JAVA记录（Jquery）——2019年5月30日

今天又是一个学习JAVA的好日子！
a、Dom对象和Jquery包装集对象
Dom 对象
javascript 中获取 Dom 对象，Dom 对象只有有限的属性和方法:
var div = document.getElementById(“testDiv”);
var divs = document.getElementsByTagName(“div”);

jQuery 包装集|对象
获取包含一个元素的 jQuery 包装集:var jQueryObject = $("#testDiv");

Dom 转 jQuery 对象 需要利用$()方法进行包装
var domDiv = document.getElementById(‘mydiv’); // 获取 Dom 对象
mydiv = $(domDiv);

jQuery 对象转 Dom 对象 需要取数组中的元素
//第一种方式 获取 jQuery 对象
var jqueryDiv = jQuery(’#mydiv’);
//第二种方式 获取 jQuery 对象
jqueryDiv = KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲mydiv'); var do…()转为 jQuery 对象
$(’#mydiv’).each(function() {//遍历
var jquery = $(this);
})

b、Jquery选择器
1、基础选择器
id 选择器 #id $("#testDiv")选择 id 为 testDiv 的元素
元素名称选择器 element $(“div”)选择所有 div 元素
类选择器 .class $(".blue")选择所有 class=blue 的元素

2、常用表单选择器
3、过滤选择器（:checked、:gt()、eq()）
c、Jquery Dom操作
1、操作元素的属性
attr(属性名称)
获取指定的属性值，操作 checkbox 时选中返回
checked，没有选中返回 undefined。
attr(‘checked’)
attr(‘name’)
prop(属性名称)
获取具有 true 和 false 两个属性的属性值 prop(‘checked’)

2、操作元素的样式
css()
1）css({‘样式名’:’样式值’,’样式名 2’:’样式值 2’})
例：css({“background-color”:“red”,“color”:"#fff"});
2）css(“样式名”,”样式值”)
例：css(‘color’,‘white’)
3、操作元素的内容
val()获取元素 value 值
html()获取元素的 html 内容
text()获取元素的文本内容，不包含 html
4、创建元素
$(‘元素内容’)
5、添加元素
append(content)在被选元素内部的结尾插入元素或内容，被追加的 content 参数，可以是字符、HTML 元素标记。
prepend(content)在被选元素内部的开头插入元素或内容，被追加的 content 参数，可以
是字符、HTML 元素标记
6、删除元素
remove() 删除所选元素或指定的子元素，包括整个标签和内容一起删。
empty() 清空所选元素的内容
7、遍历元素
each()
$(selector).each(function(index,element)) :遍历元素
参数 function 为遍历时的回调函数，
index 为遍历元素的序列号，从 0 开始。
element 是当前的元素，此时是 dom 元素。
d、Jquery事件
ready()加载事件
ready()类似于 onLoad()事件
ready()可以写多个，按顺序执行
$(document).ready(function())等价于$(function(){})