在东软的jq笔记
jquery的中文网 https://www.jquery123.com/
jquery的英文网 https://jquery.com/
json对象与json字符串互换
方法一
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
方法二
JSON.parse(jsonstr); //可以将json字符串转换成json对象
JSON.stringify(jsonobj); //可以将json对象转换成json对符串
3月2日
一、在JQueay里修改CSS属性
单属性的修改：.css('样式属性','值')
多属性的修改：.css({'样式属性':'值','样式属性':'值','样式属性':'值'})
单属性的获取：.css('样式属性')
二、animate和css多属性修改基本格式是一样的，唯一不同的就是只能修改值为数字的css样式。
可以用animate修改的属性有 width、height、top、bottom、left、right
格式： .animate({属性1: value1, 属性2: value2}, 时间)
三、在JQueay里修改标签的属性
修改标签的属性。.attr('标签属性', '标签属性值');
获取标签的属性：.attr('标签的属性')
三、一添加id和删除id
添加id attr('id','idName')
删除id removeAttr('id','idname')
四、删除类、增加类、切换类以及选择标签
增加类.addClass('类名')
删除类.removeClass('类名')
切换类.toggleClass('类名')
$('button')群选：选择所有的button按钮。
如果我们想要选择其中的一个可以通过.eq(index)。index的值从0开始.eq(0)代表选择第1个button。
五、显示、隐藏、显示隐藏切换
盒子隐藏：.hide()
盒子显示：.show()
显示和隐藏的切换.toggle()
六、淡入、淡出、淡入淡出切换
淡入：.fadeIn(时间)
淡出：.fadeOut(时间)
淡入淡出切换：fadeToggle
默认时间300ms，也可以不写
透明到某一点：.fadeTo(时间，透明度) 注意：两个值必须写全。
七、滑动隐藏、滑动显示、滑动切换
滑动隐藏：.slideUp(时间)
滑动显示：.slideDown(时间)
滑动切换：.slideToggle(时间)
八、表单元素的修改和访问 .val
1.获取表单的值 .val()括号里面什么都不写
2.修改表单的值。 .val('内容')
3.表单为空 .val('')引号里什么都不写
九、修改标签里的值 .text .html
1.获取标签的html内容 .html()括号里面什么都不写
2.修改标签的html内容 .html('内容')
3.标签的内容为空 .html('')引号里什么都不写
4.text的用法和html的用法相同，不同的是html可以获取、修改带标签格式的，text的不能。
十、 原生的js是不用加引号。比如：this window document
3月3日
一、事件类型
mouseover和mouseout鼠标移入移出：执行效率低，会触发子元素。
mouseenter和mouseleave鼠标移入移出：执行效率高，不会触发子元素。
hover是 mouseenter和mouseleave鼠标移入移出的复合事件
click是单击事件
mouseremove鼠标每移动一次，就会执行一次这个事件
scroll鼠标滚动 特点：就是当窗口滚动条滚动一像素，就会触发指令一次。会排队执行。
扩展知识：（window).scrollTop滚动的距离. (window).height()窗口高度
二、失去焦点blur和获取焦点focus
三、type和target
对象.type属性 获取事件类型
对象.target 事件源(比如点击按钮，按钮就是事件源)。获取绑定事件的DOM元素。其实就是标签和标签里的内容
四、page、client、screen
pageY 页面原点，如果有滚动条，值会变大
e.clientY 视口原点，当前浏览器窗口
e.screenY 显示屏幕
五、让滚动条回到顶部
方法一：(window).scrollTop(0);
方法二：$(‘html,body’).animate({scrollTop:1500},500)
注意：scrollTop在css当中是没有的。只有在设置网页滚动坐标值时才有这个属性。
六、标签的增删改查
$('
增加之后的div
');追加标签的步骤：
第一步：创建一个标签
你好
第二步：用选择函数$('')选择出来。$('
你好
')第三步：选择相应的追加方式追加。
七、增加标签、删除标签、替换标签
1、$('div').prepend(a);在标签内部的前面追加。
2、$('div').append(a);在标签内部的后面追加。
4、$('div').before(a);在标签的同级之前追加。
4、$('div').after(a);在标签的同级之后追加。
5、$('div').remove()删除标签.
6、$('div').parent()选择父级标签.
7、$('div').parents()选择所有父级标签.
8、$(this).parent('div').remove();选择所有的父级只能是div
9、a.replaceWith(box)用box替代a ，其中box是定义的变量.
10、var tex=$('
在容器同级前面追加
');
里可以给类,也可以写行内式.八、console.log在控制台打印,alert()调试用，可以弹出对话框
3月7日
http://www.bitbug.net比特虫网，制作网站图标的
http://www.favicon-icon-generator.com/favicon制作网站图标的
http://www.iconfont.cn找图标的网站/
一、绑定事件和解除绑定事件
1.1绑定事件（直观的绑定事件）
$('p').bind('click', function(event) {
触发事件后要做的事
});
1.2绑定事件（常用的绑定事件）
$('p').click(function(event){
触发事件后要做的事
});
2.解除绑定事件
$('p').click(function(event){
$("one").unbind;//解除绑定
)}
- $("#div1").on("click","p",function(){
$(this).css("background-color","pink");
});
二、添加和删除属性
删除属性.removeAttr('属性名')
添加属性.att('属性','属性值')
三、冒泡事件
1.1在页面中重叠了多个元素，并且重叠的这些元素都绑定了同一个事件，那么就会出现冒泡问题。
通俗点说在一个div里套了几个子级标签，并且这几个子级标签和div绑定了同一个事件，
当触发子级事件时同时也会触发父级事件，这就是冒泡事件。和mouseOut\mouseover发生情况有点相似
1.2解决办法：event.stopPropagation()；将这个方法设置到需要触发的事件上时，所有上层的冒泡行为都将被取消。
还有一个简单的办法就是。return false; 将这个方法设置到需要触发的事件上时，所有上层的冒泡行为都将被取消。
1.3冒泡事件是子级会触发与父级绑定的相同事件。但是父级不会触发与子级绑定的相同事件。
四、阻止默认事件
五、// .parent()父级 这里选择类都要加点
// .children('')里面什么都不写，代表选择所有子代（不包含孙子）。也可以单独选择某一个儿子
// $(this).css('background', 'red');
// $(this).siblings().css('background', 'lime');
// siblings()里面什么不写，代表所有的兄弟姐妹（同级元素除自身）也可以限制某一个兄弟姐妹
$(this).children孩子
六、标题图标设置
<title>标题图标</title> <link rel="shortcut icon" href="图标路径">七 、event.target
event.target //触发事件的dom元素（是整个dom）
event.target.nodeName //获取事件触发元素标签name（li,p...）
event.target.id //获取事件触发元素id
event.target.className //获取事件触发元素classname
event.target.innerHTML //获取事件触发元素的内容（li）
明天研究可不可以删除CSS以及获取属性值.
八、定时器
window.setTimeout("function",time)；//设置一个超时对象，只执行一次,无周期
window.setInterval("function",time)；//设置一个超时对象，周期＝'交互时间'
停止定时：
window.clearTimeout(对象) 清除已设置的setTimeout对象
window.clearInterval(对象) 清除已设置的setInterval对象
九、元素的宽度
$('#id').innerWidth() // 包含padding
$('#id').outerWidth() // 包含padding, border
$('#id').outerWidth(true);// 包含padding,border,margin
十、prop与attr的区别
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
在寝室自学
$("#selectWz ").get(0).selectedIndex; //获取Select选择的索引值
Object.getOwnPropertyNames(sistesObj).length;//获取对象的属性个数sistesObj是一个对象
浙公网安备 33010602011771号