Jquery

对于Jquery能做的事情，js都可以做，那为什么要引入jquery呢？

1.最直观的就是代码的简洁程度

2.jquery不用担心浏览器的兼容性问题

3.可以有多个入口函数

Text和css

//设置所有div的样式不用显式遍历

$('div').css('border','1px solid red');//设置和查看样式

设置多个属性

$(‘div’).css({

‘width’:’300px’,

‘height’:’300px’,

‘backgroundColor’:’skyBlue’

})

 

$('div').text();//设置和查看文本

id注意加#：$('#id1')

 

 

Jquery对象一般以$为开头

 

入口函数写法：

1.$(function(){

 

});

 

2.$(document).ready(function(){

 

});

 

 

Jquery对象和js对象的方法不能混用但可以相互转换后用

转换关系

js转Jquery

jQuery对象=$(dom对象)

var $divs=$('div');//通过Tagname获取

divs[0]//Jquery对象

 

Jquery转js

$divs.get(0)//js对象

$(divs[0])//js对象

$('body').get(0)//js对象

 

驼峰命名

支持驼峰命名

例如fontSize、backgroundColor、skyBlue等写法

 

$(‘div’).css(backgroundColor,’red’);//注意驼峰命名法可以去掉双引号（单引号）也是对的

 

基本选择器

 

 

 

交集：以’ . ’作为连接，‘的’

并集：以’ , ’作为连接

 

例如：$(‘ .a,.b’).css(backgroundColor,’red’);//类名为a和b的背景色设置为红色

 

层级选择器

 

 

过滤选择器

 

筛选选择器

 

 

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

 

jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。