牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作【jquery】

web前端|js教程

jquery_dom对象转换,jquery获取dom对象,jquery_dom对象

web前端-js教程

只有jQuery对象才能调用jQuery类库的各种函数，同样有些dom对象的属性和方法在jQuery上也是无法调用的，不过基本上jQuery类库提供的函数包含了所有的dom操作。这就需要我们知道如何将jQuery对象和DOM的相互转换的方法。

游戏交易系统源码,ubuntu需要杀毒,爬虫获取href正则,排班php,北京seo包年lzw

1.jQuery对象就是通过jQuery包装DOM对象后产生的对象。

轻量 在线销售源码,ubuntu搭建java环境,tomcat 8版本号,淘宝爬虫赚钱,php浏览器打开文件,爬虫工具seolzw

2.jQuery对象和DOM对象的相互转换。

社区源码 带手机端,vscode找回删除的文件,ubuntu异常关闭,tomcat取消端口占用,py商业爬虫,php获取手机端ip,广州seo排名优化平台,网站源码下载工具下载,中介模板lzw

良好的书写风格：

var $input=$("input")

jQuery获取的对象在变量前面加上$。

jQUery对象转成DOM对象,两种方法：[index]和get(index)

a:var $cr=$("#cr") //jQuery对象
var cr=$cr[0] //DOM对象
b:var $cr=$("#cr") //jQuery对象
var cr=$cr.get(0); //DOM对象

DOM对象转成jQuery对象

var cr=document.getElementById("cr"); //DOM对象
var $cr=$(cr);

3.解决与其他库的冲突

jQuery.noConflict()。
jQuery用$作为自身的快捷方式。

4.使用jQuery的优点

简洁的写法
支持CC1到CCS3
完善的处理机制

运行上面的代码浏览器就会报错！
但是如果这么写的话：

$('#tt').css("color","red");

浏览器不会因为没有这个元素而报错！

5.jQuery选择器

jQuery选择器是jQuery的重中之重！

jQuery过滤选择器与CSS中的伪类选择器相似。

偶数与奇数选择器

偶数：$("tr:even")
奇数：$("tr:odd")

CSS3 伪类选择器奇偶数

p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}