JQuery046.jQuery的DOM操作026.9常用遍历节点方法取得匹配元素的所有子元素组成的集合:children(),该方法只考虑子元素而不考虑任何后代元素取得匹配元素后面的同辈元素的集合:next()/nextAll()如果是next方法,就是拿到指定元素后面的一个元素,如果是nextAll,就是后面所有的元素。下面同理取得匹配元素前面的同辈元素的集合:prev()/prevAll()取得匹配元素前后所有的同辈元素的集合:siblings()获取指定的第几个元素:nextAll().eq(index)对获取到的同辈元素进行过滤:nextAll().filter("标签")应用实例常
JQuery046.jQuery的DOM操作026.9常用遍历节点方法取得匹配元素的所有子元素组成的集合:children(),该方法只考虑子元素而不考虑任何后代元素取得匹配元素后面的同辈元素的集合:next()/nextAll()如果是next方法,就是拿到指定元素后面的一个元素,如果是nextAll,就是后面所有的元素。下面同理取得匹配元素前面的同辈元素的集合:prev()/prevAll()取得匹配元素前后所有的同辈元素的集合:siblings()获取指定的第几个元素:nextAll().eq(index)对获取到的同辈元素进行过滤:nextAll().filter("标签")应用实例常
jQuery059.作业9.1homework01对多选框进行操作,输出选中的多选框的个数,并且把选中爱好的名称显示。homework01//对多选框进行操作,输出选中的多选框的个数比把选中爱好的名称显示$(function(){//绑定事件$("button").click(function(){//选择所有的checkbox,再过滤var$input=$("input:checked");alert("选中的个数="+$input.length)$input.each(function(){alert("值="+this.value)})})})篮球排球羽毛球乒乓球选中的个数9.2home
jQuery059.作业9.1homework01对多选框进行操作,输出选中的多选框的个数,并且把选中爱好的名称显示。homework01//对多选框进行操作,输出选中的多选框的个数比把选中爱好的名称显示$(function(){//绑定事件$("button").click(function(){//选择所有的checkbox,再过滤var$input=$("input:checked");alert("选中的个数="+$input.length)$input.each(function(){alert("值="+this.value)})})})篮球排球羽毛球乒乓球选中的个数9.2home
JSON&Ajax034.jQuery的Ajax请求原生Ajax请求问题分析:编写原生的Ajax要写很多的代码,还要考虑浏览器兼容问题,使用不方便在实际工作中,一般使用JavaScript的框架(比如jquery)发动Ajax请求,从而解决这个问题。4.1jQueryAjax操作方法在线文档:jQuery参考手册-Ajax(w3school.com.cn)4.2$.ajax()方法完整的参数查看手册:jQueryajax-ajax()方法$.ajax常用参数:url:请求的地址type:请求的方式get或者post,默认为"GET"。注意:其它HTTP请求方法,如PUT和DELETE也可以使用
JSON&Ajax034.jQuery的Ajax请求原生Ajax请求问题分析:编写原生的Ajax要写很多的代码,还要考虑浏览器兼容问题,使用不方便在实际工作中,一般使用JavaScript的框架(比如jquery)发动Ajax请求,从而解决这个问题。4.1jQueryAjax操作方法在线文档:jQuery参考手册-Ajax(w3school.com.cn)4.2$.ajax()方法完整的参数查看手册:jQueryajax-ajax()方法$.ajax常用参数:url:请求的地址type:请求的方式get或者post,默认为"GET"。注意:其它HTTP请求方法,如PUT和DELETE也可以使用
jQuery01参考文档1:jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn)参考文档2:jQuery教程(w3school.com.cn),jQuery教程|菜鸟教程(runoob.com)1.什么是jQuery?jQuery是一个JavaScript函数库。jQuery是一个轻量级的"WRITELESS,DOMORE"的JavaScript库。jQuery库包含以下功能:HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtiliti
jQuery01参考文档1:jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn)参考文档2:jQuery教程(w3school.com.cn),jQuery教程|菜鸟教程(runoob.com)1.什么是jQuery?jQuery是一个JavaScript函数库。jQuery是一个轻量级的"WRITELESS,DOMORE"的JavaScript库。jQuery库包含以下功能:HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtiliti
JQuery034.jQuery选择器034.4表单选择器应用实例表单选择器应用实例$(function(){//选择所有的buttonvar$buttons=$(":button");alert("$buttons大小="+$buttons.length)//3//得到type=‘button’的元素var$button=$("input[type='button']");alert("$button大小="+$button.length)//1//得到按照元素标签取值var$button2=$("button");alert("$button2大小="+$button2.length)//
JQuery034.jQuery选择器034.4表单选择器应用实例表单选择器应用实例$(function(){//选择所有的buttonvar$buttons=$(":button");alert("$buttons大小="+$buttons.length)//3//得到type=‘button’的元素var$button=$("input[type='button']");alert("$button大小="+$button.length)//1//得到按照元素标签取值var$button2=$("button");alert("$button2大小="+$button2.length)//