jQuery学习笔记
来源:互联网 发布:bi开发工程师转行java 编辑:程序博客网 时间:2024/06/05 16:25
1. jQuery是javascript的一个函数库
2. 利用jQuery开发步骤
1)导入jQuery库
2)在$(function(){})中写jQuery代码
<script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript"> $(function(){ $("#btn4").click(function(){ $(":checkbox[name='newsletter']:checked").each(function(){ alert(this.value); }); }); }) </script>
3. jQuery对象与DOM对象
1)jQuery对象不能使用DOM对象的属性和方法,反之,DOM对象也不能使用jQuery对象的属性和方法
2)jQuery对象是一个DOM数组对象,所以可以使用下标的方式转为DOM对象
var
3)jQuery对象使用$()保证DOM对象产生后的对象
$("select :selected").each(function(){ alert(this.value); });
4. jQuery的选择器
1)选取被选中的select的option需要使用选取子节点的方式
$("select[name='test'] :selected").each(function(){ alert(this.value); }); });
2)选择器可以综合使用
3)如果选择器搞不定,可以借助方法
5. jQuery对象的几个方法
1)val():获取表单元素的value值
获取值:
2)attr():和val()方法类似
attr(name,val):为name属性赋值
attr(name) :获取name属性值
3)each():对jQuery对象进行遍历,其参数为function,函数内部的this值正在遍历的DOM对象
$("select :selected").each(function(){ alert(this.value); });
4)text():和val()方法类似
text():获取元素节点的文本子节点的值
text(str):设置元素节点的文本子节点的值
6. jQuery进行DOM操作
1)新建(元素、属性、文本)节点:直接使用$()保证即可,返回的是一个jQuery对象
var $as=$("<li id='asen'>啊森弟</li>")
2)把节点插入到文档中
- append,appendTo:把节点A插入到节点B的最后一个子节点
$("<li id='atguigu'>啊森弟</li>").appendTo($("#city"));$("#city").append("<li id='atguigu'>[啊森弟]</li>");
- prepend,prependTo:把节点A插入到节点B的第一个子节点
$("<li id='atguigu'>啊森弟</li>").prependTo($("#city"));$("#city").prepend("<li id='atguigu'>[啊森弟]</li>");
- before,insertBefore
($("#bj")).before$("<li>森弟弟</li>");$("<li>森弟弟</li>").insertBefore($("#bj"));
- after ,insertAfter
$("#bj").after($("<li>[森弟弟]</li>"));$("<li>森弟弟</li>").insertAfter($("#bj"));
3) 删除节点
$("#bj").remove();
4) 清空节点
$("#games").empty();
5) 克隆节点
var $bjClone=$("#bj").clone();
6) 替换节点
var $bj2=$("#bj").clone(true);var $rl=$("#rl").replaceWith($bj2);$("#bj").replaceWith($rl);
7)val()、html()、text()、attr()、width()、height()等都是具有获取跟设置的方法。
比如: $("#city").html()//获取界面的代码
$("#city").html(“<li id=‘asen’>啊森弟</li>”);//设置内容
- 【学习笔记】JQuery学习笔记
- jQuery 学习笔记 + jQuery-UI 学习笔记
- 【jQuery 学习笔记】初识jQuery
- jQuery 学习笔记------jQuery选择器
- jquery学习笔记----初识jquery
- jQuery学习笔记--jQuery Ajax
- jquery学习笔记
- jquery选择器学习笔记
- jQuery学习笔记
- 【jquery】学习笔记
- jQuery学习笔记
- jquery学习笔记
- jquery 学习笔记
- JQuery学习笔记
- Jquery学习笔记
- JQuery学习笔记
- jQuery学习笔记
- jquery学习笔记(二)
- UVA 11029 Leading and Trailing
- JavaScript资源大全
- UTF-8字符串在lua中的字长问题
- 消息列队
- mysql--数据操纵语言DML
- jQuery学习笔记
- 【数据库系统概念】第4章 中级SQL 知识总结
- 使用类的重载实现不同数据类型之间的运算
- 不使用第三个变量逆置字符串
- 你知道position吗?
- dsoframer-在线编辑office文档,一款开源的由微软提供
- HDU 1978 How many ways(记忆化搜索)
- 代码代码,你还记得我吗,我是强说着忧愁的孩子啊!
- 健康睡眠联想