js_访问节点元素_document系列方法:
first_jQuery.html
jQuery选择器使用:
课程体系有哪些?
jQuery选择器使用_基本选择器.html
课程体系有哪些?
- Java编程
- Html5+CSS3
- JavaScript/jQuery
- MySql
- JavaWeb
jQuery选择器使用_层次选择器.html
jQuery选择器使用_属性选择器.html
Hot
Cold
Evil
------------------ - - - - - - - - - - - - ----------------------------------
js/dd.js
/*加载工厂函数/加载页面* */
$(document).ready(function(){
/* 使用jQuery的css样式,动态添加的行内样式 */
/* 基本选择器 _ 类选择器 */
$(".over").css({"width":"500px","border":"1px solid gray",
"margin":"0px auto","font-size":"12px"});
/*基本选择器 _ 标签选择器 */
$("ul").css("list-style","none");
/* 层次选择器_后代选择器 */
$(".over .product_ul").css("display","flex");
/* 层次选择器_子选择器 */
$(".list_aa>li").css("border","2px solid green");
});
js_访问节点元素.html
- 周一
- 周二
- 周三
js_访问节点元素_document系列方法.html
- 周一
- 周二
- 周三
敢于接受,敢于面对,拥有一颗强大的内心。接受面对解决。活在当下,做好当下。反正迟早都要接受。理解知识。多敲
jQuery默写笔记:
1.jQuery:是基于js封装的类库,设计思想是: 写少量的代码,实现大量的功能;
jQuery封装了大量js的功能,使用jQuery能实现的,js一定能实现;
2.使用jQuery的步骤
一 、引用jQuery的开发环境
二 、 加载网页元素
完整语法: $(document).ready(function(){
//js/jQuery 编码
});
注: $ 在此处就是 jQuery
3.使用jQuery的选择器操作页面元素
语法: $(选择器).事件/动作();
基本选择器: 标签选择器
类选择器 .class
ID选择器 #id
并集选择器 .class,#id
全选选择器 *
层次选择器:
后代选择器 E F
子选择器 E>F
相邻元素选择器 E+F
同辈元素选择器 E~F
4.使用jQuery的基本选择器操作css样式
语法: 操作单个css属性
jQuery元素.css("css样式属性","css样式属性值");
操作多个css属性
jQuery元素.css({"css样式属性1":"css样式属性值1","css样式属性2":"css样式属性值2"});