jQuery

 

Controllers：控制器[新建项目一定要添加控制器   例：jQuery Controllers  注：Controllers不需要更改，只需更改前面的名称即可 ]

Views：视图[可以看到对应的文件夹  与控制器的名称是一样的]

Index：（添加网页）添加视图，视图名称要一致[不可多也不可少]   使用布局页会默认建一个(Shared)共享文件夹,共享文件夹里面有一个默认模板，里面有一个头部和尾部

 

jQ与js不相同。jQ是以$（美元）符号开头，$在jq中是应用所有

$(选择器).action(具体的操作)

例：jq与js隐藏元素/属性的对比

 

$(“#clicks”).hids(); 隐藏属性/元素   替换   var clicks = document.getElementById("clicks"); clicks.style.display = "none";[js中隐藏元素/属性的代码] || document.getElementById("clicks"). style.display = "none";

 

---

jQuery与js之间的装换

注：jquery对象只能使用jquery里面的方法  js对象只能使用js里面的方法与属性

1. js对象要使用jquery里面的的方法就要将js对象装换为jquery对象

div即使一个变量，也是一个js对象

js对象===》jquery对象    $(div);

1. jquery对象要使用js里面的方法就要将jquery对象转换为js对象

jquery对象====》js对象   console.log(div1[n]);

get(索引值)也是一个将jquery对象转换为js对象的方div1.get(0);

 

$("input[type='text']").css({ "border": "2px solid red" }); 属性值选择器

$("input[id]")    $("input[class]")  属性选择器

---

HTML()方法  传入参数就是设置（添加），不传参数就是获取

通过Js的方法添加

innerText ：只能追加文本[获取p标签里面的内容]   例： p.innerText=”这是一个p标签”；

innerHTML ：可以追加标签[获取内部内容]    例：p.innerHTML = '<a href="#">这是一个a标签</a>';

 

text()方法

val()方法  针对于表单元素

注：传入参数就是设置值，不传入参数就是获取值

 

---

Attr()     removeAttr()  设置元素的属性

在jquery中将setAttribute（设置）和getAttribute（获取）封装成了一个方法

---

 

对class类的操作 addClass() 添加类  removeClass() 移出类 toggleClass()  切换   hasClass() 是否含有某个类，是就返回true,没有就返回flas

Js操作：

jquer操作：

toggleClass() 切换、hasClass()：

 

---

 

Jquery的属性与样式之元素的数据存储：

存储数据：

获取数据

---

 

DOM

通过Js添加元素：

通过jquery添加元素：

Prepend():

After()：在每个匹配的元素之后插入内容

before()：在每个匹配的元素之前插入内容

---

jQuery事件

.click():单击事件	.dblclick()：双击事件
.mouseup()：鼠标松开事件	.mousedown()：鼠标按下事件
.mouseenter()：鼠标进入事件	.mouseleave()：鼠标离开事件
.ready()：页面加载事件[页面载入]	.change()：元素失去焦点时触发
.select()：选中元素时触发的事件

第一种方法：在获取元素时直接使用id获取

第二种方法：替换id获取，使用"this"获取，效果是一样的    

注意：text不能替换val()。看上下文

---

.select()事件