的元素的背景色为#0000FF
第三讲：jquery过滤选择器及练习题讲解
1,层次选择器：
（1），prev + next 表示选择 prev 的下一个元素（强调：同一级）
（2），prev ~ siblings 表示选择Prev的后面的所有元素(强调：同一级)
例子：
$('#b3').click(function(){
$('#one * div').css("background","#0000FF");
})
$('#b4').click(function(){
$('#two~ div').css("background","#0000FF");
})
2,过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，该选择器都已":"开头;按照不同的过滤规则，过滤选择器可以分为基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象属性过滤选择器；
3，例如：
$('#b1').click(function(){
$('div:first').css("background","#0000FF");
//表示先找到第一个div标签，然后选择第一个div标签
});
4,//改变class不为one的所有div元素的背景色为#0000FF;
$('#b3').click(function(){
//先选择所有div，然后再过滤
$("div:not(.one)").css("background","#0000FF");
//one表示一个类名;表示去除类名为one的
});
5, $("div:even");//表示先找出所有的div然后把偶数过滤出来，":"就表示过滤的意思；6，经典案例：
7,
第四讲：
1，内容过滤，根据内容选择器；
2, ......用到的时候再查
3，只要是jquery操作的选择的它都默认返回的都是一个集合；
4，可见度过滤选择器：
可见度过滤选择器是根据元素的可见和不可见状态来选择相应的元素：
1，：hidden 用法：$("tr:hidden") 返回集合元素，说明，匹配所有的不可见元素，Input元素的type属性为"hidden"的话也会被匹配到，意思是css中display:none
和input type="hidden"的都会被匹配到，同样，要在脑海中彻底分清楚冒号":",点号"."和逗号","的区别；
2, :visible 用法：$("tr:visible") 返回值集合元素说明：匹配所有的可见元素；
5,该选择器是根据元素的可见性来选择对象，只要是通过jquery选择器选出来的对象都是jquery对象；
6，//改变所有可见的div元素的背景色为#0000FF
$('#b1').click(function(){
$('div:visiable').css("background","#0000FF");
})
7,
8, var arr2 = [{"name":"小明"},{"name":"大明"},{"name":"老明"}]; //arr2为对象集合
$.each(arr2,function(i,n){
alert(i+ "" +https://www.doczj.com/doc/485892904.html,); //name为取得对象的属性；
})
//jquery的方法：
$.each($objs,function(i,obj){
//这里i为索引变量，obj为取出的dom对象；obj = $objs[i]
window.alert("jquery对象"+$(obj).val()); //就可以取出对象的值了}
);
$.each($objs,function(){
// 每循环一次，就相当于从数组中取出一个对象；必须把this要包一下；相当于 this = $objs[i];此时this就是一个dom对象，所以必须要把this要包一下;
window.alert("jquery2"+$(this).val());
window.alert("dom"+this.value); //和上一句等价
})
第五讲：课程回顾
1，使用jquery中有两种对象；一种dom对象【传统的】，一种jquery对象；
2，“T”型人才；
3，在jquery开发中，我们把一个对象当做一个集合来处理的；
4，jquery为什么这么流行呢这是因为它提供了九大选择器；
5，基本选择器是用的最多的，最基本的往往都是最重要的；
6，$("body div"); //表示把body下的所有的div都选中；
$("body > div"); //表示把body下的第一级选中【儿子辈】，不包括孙子辈哦；
prev + next 表示选择prev的下一个元素（强调：同一级后面的兄弟，只选择一个）；
prev + siblings 表示选择 prev的后面的所有元素(强调：同一级后面的所有兄弟元素都会被选中);
7，选中文本中不含有di的div：
$("div:not(:contains('di'))")
8, $(:hidden) ==>会把style[display:none]和里的都选中; $(:visible)==>会选中所有可见的元素；
停：2014-09-11 17:30
第六讲:属性过滤选择器
1,选出含有属性title的div元素：
$("#b1").click(
function(){
$("div[title]").css("background","green");
}
);
2,属性title值等于test的div元素
$("#b2").click(
function(){
$("div[title=\"test\"]").css("background","green");
}
);
3,找到属性title值以te开始的div元素
$("#b3").click(
function(){
$("div[title ^='te']").css("background","red");
}
);
4,找到属性title的值，以est结束的div元素
$("#b5").click(
function(){
$("div[title$='est']").css("background","red");
}
);
5,属性title值，含有es的div元素
$("#b6").click(
function(){
$("div[title * = 'es']").css("background","red");
}
);
6,选取有属性id的div元素，然后再结果中选取属性title值含有"es"的div元素$("#b7").click(
function(){
$("div[id][title * = 'es']").css("background","red");
}
); //属性使用"[]"来进行过滤的
7,我们的过滤方式有两种：
比如选出文本中含有 abc的 div $("div:contains['abc']")
凡是跟属性过滤有关的属性和属性值的过滤我们就用"[]",其他就用":";
第七讲：子元素选择器表单对象属性选择器
1，//每个class为one的div父元素下的第2个子元素
$('#b1').click(
$("div .one:nth-child(2)").css("background","red");
)
2,//每个class为one的div父元素下的第一个子元素
$('#b2').click(
function(){
$("div .one:first-child").css("background","red");
等价于：
$("div .one:nth-child(1)").css(......);
}
);
3,//如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素【就相当于独生子女】
$('#b4').click(
function(){
$("div .one:only-child").css("background","red");
}
);
4,利用jquery对象的val()方法改变表单内type = text 可用元素的值
$('#b1').click(
function(){
$("input[type = 'text']:enabled").val("hello");
}
);
5,jquery对象在它使用的过程中都是当做一个集合来对待的，所以所有的jquery对象都有length属性；
6，利用jquery对象的length属性获取多选框中选中的个数
$("#b3").click(
function(){
// alert($(":checkbox:checked").length);
alert($("input[type='checkbox']:checked").length);
}
);
7,总结一下过滤器使用的方式：
$("div.contains('di')"); //按内容进行过滤；
$("div[type]"); //按属性进行过滤；
$("div .one"); //选中div中含class为one的div元素；
$("div,.one"); //选中div和class为one的div元素；
8,利用jquery对象的text()方法获取下拉框选中的内容
$("#b4").click(function(){
alert($("select option:selected").text()); //如果用.val()，则只选中一个，val（）针对一个而言；
//它会把你选中的内容弹出来
})
第八讲：jquery对象集合遍历的四种形式及练习题讲解
1，总结jquery对象集合遍历的四种形式：
var $objs = $("select option:selected");
$.each($objs,function(){
alert("$(this).val()");
})
$.each($objs,function(i,n){
//alert(n.value) //n为dom对象
alert($(n).val());
})
$objs.each(function(){
window.alert($(this).val());
});
$objs.each(function(i,n){
window.alert("ok"+$(n).val());
});
2,选择器选择原则：
1），选择什么样的选择器要根据需求来定；
2），如果针对文档内容，则使用内容选择器；
3），如果是选择父子（祖先，后代）元素则使用层次选择器；
4），如果是根据id/class/tagname则使用基本选择器；
5），如果是选择表单中的元素，则使用表单选择器，表单对象属性选择器；
6），根据可见性选择元素，则使用可见性选择器；
7），如果是选择某个元素中包含某个属性（属性值），则使用属性选择器；
8），！！！如果考虑对选中的元素，要进行过滤，则使用过滤选选择器，（有三种方法）
$("div:contains('di')"); //内容
$("div[type]"); //属性
$("div .one"); //选中div中含class为.one的div元素；
3，jquery中的dom操作：
4，DOM(Document Object Model --文档对象模型)：一种与浏览器，平台，语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组件。
DOM操作的分类：XML-DOM HTML-DOM 和CSS-DOM三种；
5，//给id为first的数据添加样式类 one:
$('#b1').click(
function(){
$('#first').attr("class","one");
}
);
//追加样式：addClass()
#('#b2').click({
$('#first').addClas("one");
});
//移除样式：removeClass() ----从匹配的元素中删除全部或指定的class $('#b3').click(
function(){
$("#first").removeClass("one");
}
);
第九讲：
1，AJAX和Jquery整合
第十讲：jquery的dom操作内部插入外部插入
1，启动weblogic的shell命令：nohup sh startWebLogic.sh &
2, cd user_projects/domains/base_domain/
3, ps -ef|grep weblogic
4, kill - 9 19271 //weblogic的进程号码为最长的那个[几行呢哦]
5, top -u weblogic
6, 重启weblogic的话倒序执行这些shell命令；
--------------------------------------------
1,例子：
//添加重庆到上海下面
$("#b1").click(function(){
//jquery方法
//
重庆//有两种方法
//1,一步到位
$myli = $("
重庆");
//我们先使用内部插入
$('#city').append($myli);表示在$('#city')对象内部添加后添加$myli；
});
//以上功能我们通过dom逐步实现代码如下：
$myli = $("
"); //<===>$myli = $("
");
$myli.text("重庆"); //<===>
重庆$myli.attr("id","cq"); //<===>
重庆$myli.attr("name","chongqing");
//把$myli添加到上海
$('#city').append($myli); //这种方法可以分布操作;
//如果使用appendTo这应当这样使用：
$myli.appendTo("#city"); //表示把$myli添加到$("#city")对象的内部后面；
//append和appendTo在大部分作用是一样的；
2,$aaa.apend($bbb) == $bbb.apendTo($aaa);
3,jquery是javascript的框架；
4，外部插入节点：
5，$('#b4').click(function(){
//使用外部插入
//一步到位
$("#bj").after("
成都");
});
第十一讲：jquery节点操作
1，外部插入点：
after(content):在每个匹配的元素之后插入内容
before(content):在每个匹配的元素之前插入内容
insertAfter(content):把所有匹配的元素插入到另一个，指定的元素集合的后面
insertBefore(content):把所有匹配的元素插入到另一个，指定的元素集合的前面
//以上方法不但能将新创建的DOM元素插入到文档中，也能对原有的DOM元素进行移动；
2，jquery它找不到id它也不会报错，而dom方法在找不到id时就会报错；
3，删除节点：
1），删除所有p
$("p").remove();
2),把所有p清空
$("p").empty();
3),删除上海这个li
$("#b3").click(function(){
$("#sh").remove();
});
4,复制节点：
1）clone():克隆匹配的DOM元素，返回值为克隆后的副本，但此时复制的新节点不具有任何行为；
2）clone(true):克隆匹配的DOM元素，并复制源节点中的事件；
5，替换节点：
1）replaceWith()：将所有匹配的元素都替换为指定的HTML或DOM元素；
2）replaceAll()：颠倒了的replaceWith（）方法，注意：若在替换之前，已经在元素上绑定了事件，替换后原先绑定的事件会与原先的元素一起消失。
6，节点替换示例：
第十三讲：jquery属性操作获取子元素和兄弟元素的方法
1，attr():对某个元素的属性进行操作；当为该方法传递一个参数时，即为某元素的获取指定属性；当为该方法传递两个参数时，即为某元素设置指定属性的值；
2,jquery中有很多方法，可以获取值，同时也可以设置值，如：
attr(),html(),text(),val(),height(),width(),css()等；
例如：
$("#div1").css("background"); //表示获取
$("#div1").css("background","red"); //表示设置
3，removeAttr():删除指定元素的指定属性；
4，soho
$("#a1").removeAttr("href");//删除#a1的href属性
$("#a1").attr("href","https://www.doczj.com/doc/485892904.html,");//这是修改属性
$("#a1").remove(); //表示将#a1这个元素移除；
5,示例：
6,常用的遍历节点的方法：
取得匹配元素的所有子元素组成的集合：children(),该方法只考虑元素而不考虑任何后代元素；
取得匹配元素后面紧邻的同辈元素的集合：next（）；
取得匹配元素前面紧邻的同辈元素的集合：prev（）；
取得匹配元素前后所有的同辈元素：siblings();
7,jquery加载并解析XML
Jquery可以通过$.get()或$.post()方法来加载xml
$(function(){
$.get("cities.xml",function(xml){
alert(xml);
})
})
JQuery解析XML与解析DOM一样，可以使用find(),children()等函数来解析和用each()方法来进行遍历；
第十五讲：jquery和ajax整合使用的方法
韩顺平html笔记
HTML 一、HTML有关知识点 1.html介绍 html是一种标记语言，主要的用途是开发网页，使用html可以展现文字、图片、视频、声音，html是我们web开发（网站开发）。 2.html可以做什么 ?html可以编写静态网页 ?该静态网页可以包括文字、图像、动画、声音、表格、链接。从而构成一个个漂亮的网页 3.Html发展历史 4.Html的基本结构 5.是标记（也叫元素），标记的一般格式： <元素名[属性=“属性值”]>元素内容 如果没有内容可以用：<元素名[属性=“属性值”]/> 6.Html实体标记 7.Html常用标记
?html超链接 ●_blank 新的窗口 ●_self 本窗口 ●_parent 父窗口 ●_top整个浏览器窗口 ?html图像元素 
?html表格
?无序列表
?有序列表
?框架
?表单元素
文本框： 密码框： 单选框： 复选框：checked是指默认选中的 隐藏域： 图片按钮： ?文本域：
?下拉菜单：
