jQuery【学习心得】简介和选择器第一天

之前我也自学过jquery但是就是没有毅力,老是三天打鱼两天撒网,所以学习的不怎么好,现在我每天都会写下我今天学习的心得,给自己加油!

第一天:

1、 区别一下js中的windowonload=function(){}和jq中的$(document).ready(function(){});的区 别;前者必须要等网页中全部的内容(包括图片)加载完毕才能触发而后者需要主要dom对象加载完就可以,速度比较快。前者只能执行一次,后者可以重复执行 N次,后者有简写($(function(){});后者没有,综上所述后者比较常用。

2、jquery对象和dom对象互转。

dom对象转jquery对象:alert($(document.getElementById(‘#‘);

jquery对象转dom对象:alert($(‘#‘).get(0));

alert($(‘#‘)[0]);

3、jquery和base库及其他使用$的库中的$冲突的解决办法

jquery库在库之前引用,$所有权就是其他库的,需要添加var $$=jquery;然后jq中就用$$;

jquery库在库之后引用,$所有权就是jquery库的,则需要用到jquery.noConflict();让jquery自行了断$d的使用权,再添加var $$=jquery;然后jq中就用$$;

4、在css中有些高级选择器IE6不能兼容(比如‘#div >p‘(子节点))但是jquery能是他兼容IE6;$(‘#div >p‘).css{};

5、在全局范围使用*通配选择器会极大的消耗资源,不建议使用,一般运用在局部范围内。

6、.box,.pox{}是群组选择器,.box.pox{}是多个class选择器两者是不同的。

7、选择器越复杂,那么字符串解析就越慢,所以只追求必要的确定性,使用id选择器解决。

时间: 2024-10-19 22:35:56

jQuery【学习心得】简介和选择器第一天的相关文章

jquery学习(一)-选择器

参考锋利的jquery第二版 1.基本的选择器 Id选择器 $(“#Id”) class类选择器 $(“.class”) Element元素选择器 $(“element”) *匹配所有元素 $(“*”) Selector1....n 组合选择器 $(“selector1 selector2 ..n”) 2.层次选择题 $(“ancester descendant ”) 选取ancestor元素里面的所有descendant(后代)元素 $(“parent>child”) 选取parent元素下面

JQuery学习四(过滤选择器)

:first选择第一个元素.$(“div:first”)进行选择第一个<div> :last 选择最后一个最后一个元素 $("div:last")选取最后一个<div> [:not(选择器)]  选择不满足“选择器”条件的元素 $("input:not(.myclass)")选取样式名不是Myclass的<input> :even :odd 选取的索引数是奇数和偶数的元素.(把第零行看作第一行开始计算) $("input

jquery学习笔记(一):选择器

1.1 基础选择器 选择器 功能 返回值 #id 根据给定的id匹配一个元素 单个元素 element 根据给定的元素名匹配所有元素 元素集合 .class 根据给定的类匹配元素 元素集合 * 匹配所有元素 元素集合 selector1,selectorN 将每一个选择器匹配到的元素合并后一起返回 元素集合 1.2 层次选择器 选择器 功能 返回值 ancestor descendant 根据祖先元素匹配所有的后代元素 元素集合 parent > child 根据父元素匹配所有的子元素 元素集合

jquery[学习心得]ajax的注意点

ajax异步请求 优点: 1.不需要插件,只要支持javascript 2.用户体检极佳(局部刷新) 3.提升web程序的性能 4.减轻web服务器带宽的负担 缺点 1.不同版本的浏览器对xmlhttpRequest支持度不高 2.前进.后退的功能被破坏 3.搜索 引擎的支持度不高 4.开发调试工具缺乏 .load()方法是局部方法,适合做静态文件的异步获取 $.get()和$.post()是全局方法,适合传参到服务器 get方式有三种方式 1.通过?   ?url=ycku 2.'url=yc

jquery学习随笔(表单选择器)

jquery学习心得:一个很好的css和js函数调用的例子

统一目录下的资源结构图: <html><head> <link rel="stylesheet" href="gallery.css" type="text/css" media="screen" charset="utf-8"/><script type="text/javascript" src="script.js"&g

jquery validate学习心得

据说,javascript最初的由来就是为了解决表单的验证问题,当然现在的js已经能够用来做各种各样炫酷的效果,不过表单验证一直以来都是js很重要的一个用途(在博客园第一篇博客,不知道说些什么开头~~). 最近刚刚接触到了一个简答易用的表单验证插件jquery validation,下面来分享下这几天收集到的一些资料与学习心得. 一个优秀的表单验证插件:      作为受众多web开发者追捧的validation,它理应拥有如下各种优点: 1.内置验证规则:拥有必填,url,数字,email等1

jQuery学习之路(四)之过滤选择器

今天是第四课主要学习过滤选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lesson4 过滤选择器</title> <link rel="stylesheet" type="text/css" href="css/lesson.css" ></link>

Jquery简介之选择器

前言 Jquery是一种js框架(程序代码的一种有机结合)是程序开发过程中的一种半成品:类似的框架有EXTJS. 依赖库:jquery-XXX.js 语法:$() 正文 5种基本的选择器 id选择器 $("#id值") 例子:$(#span1).css("color","red"); 标签选择器 $("标签名称") Class选择器 $(".class的值") 群组选择器 $("标签名称1,标签名