Jquery and Javascript Notes

工作就是一个学习的过程。

在这个过程中,你可以学到新的知识,你也可以温习你已经拥有的知识。JQuery Notes

是一个工作笔记。希望能帮助自己提升技术。会有更新。。。。。

1、JQuery attr() Method

The attr() method
sets or returns attributes and values of the selected
elements.
           Return
the value of an attribute;  
$(selector).attr(attribute);
          
Set the attribute and value;       
$(selector).attr(attribute,value);
          
Set attribute and value using a function   
$(selector).attr(attribute,function(index,currentvalue))
         
 Set multiple attributes and values  
$(selector).attr({attribute:value,attribute:value,....});

2、JQuery children()
Method
          The
children() method returns all direct children of the selected
element.
        
 $(selector).children(filter);

3、jQuery :first
Selector
         The :first
selector selects the first
element.
         $(":first"); 
others  :first-child. :last

4、JQuery css()
Method
         The css()
method sets or returns one or more style properties for the selected
elements.
        
.css("propertyname")
        
.css("propertyname","value")
       
 .css({"propertyname":"value","propertyname":"value",.....})

5、JQuery text()
Method
          The
text() method sets or renturns the text content of the selected
elements.
          When this
method is used to return content. it returns the text content of all matched
elements.(HTML markup will be
removed)
          When this method
is used to set content, it overwrites the content of all matched
elements.
          Tip: To set
or return the innerHTML (text + HTML) of the selected elements, use the html()
method.
        
 $(selector).text();  return text
content
        
 $(selector).text(content); set text
content
        
 $(selector).text(function(index,currentcontent));  set text content
using a function;

6、JQuery find()
Method
         The find()
method returns descendant elements of the selected
element.
        
$(selector).find(filter);

Note: To return multiple
descendants, separate each expression with a comma.

7、jQuery slideToggle()
Method
         The
slideToggle() method toggles between slideUp() and slideDown() for the selected
elements.
         This method checks
the selected elements for visibility. slideDown() is run if an element is
hidden. slideUp() is run if an element is visible -

This creates a
toggle    effect.

Javascript notes start

1、 indexOf() 方法: 可返回某个指定字符串值
在字符串中 首次 出现的位置。
   note: 如果在数组中没找到字符串则返回 -1。
   语法
array.indexOf(item,start) 
   item  必须要填。查找的元素。 
start 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length -
1。
   如省略该参数,则将从字符串的首字符开始检索。
  
2、
lastindexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
  
如果要检索的字符串值没有出现,则该方法返回 -1。  
   语法同上

3、Browser 对象

(1)、History 对象  
是window 对象的一部分,可通过 window.history 属性对其进行访问。

History
对象包含用户(在浏览器窗口中) 访问过的URL

length :
返回历史列表的网址数

back() : 加载history
列表中的前一个URL  (相当于后退)

forward() : 加载history
列表中的下一个URL (前进)

go()   :
加载history 列表中的某个具体页面  (跳转指定的某个位置)

(2)、Location 对象

Location 对象包含有关当前 URL 的信息。
Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

hash : 返回一个URL的锚部分

host : 返回一个URL的主机名 和 端口

hostname : 返回URL的主机名

href : 返回完整的URL

pathname : 返回的URL路径名

port : 返回一个URL服务器使用的端口号

protocol : 返回一个URL协议

search : 返回一个URL的查询部分

assign() : 载入一个新的文档

reload() : 重新载入当前文档

replace() : 用新的文档替换当前文档

(3)、Screen 对象  是window
对象的一部分,可通过 window.screen 属性对其进行访问。

Screen 对象包含有关客户端显示屏幕的信息。

availHeight : 返回屏幕的高度(不包括Windows任务栏)

availWidth : 返回屏幕的宽度(不包括Windows任务栏)

colorDepth  返回目标设备或缓冲器上的调色板的比特深度

height  返回屏幕的总高度

pixelDepth  返回屏幕的颜色分辨率(每象素的位数)

width  返回屏幕的总宽度

(4)、Navigator 对象属性 
Navigator 对象包含有关浏览器的信息。

Navigator 对象属性   属性  说明

appCodeName  返回浏览器的代码名

appName  返回浏览器的名称

appVersion  返回浏览器的平台和版本信息

cookieEnabled  返回指明浏览器中是否启用 cookie 的布尔值

platform  返回运行浏览器的操作系统平台

userAgent  返回由客户机发送服务器的user-agent 头部的值

Navigator 对象方法   方法  描述

javaEnabled()  指定是否在浏览器中启用Java

taintEnabled()  规定浏览器是否启用数据污点(data
tainting)

(5)、Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架(<frame> 或 <iframe>
标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

为了我所爱的,要学会爱我说不爱的!!

Jquery and Javascript Notes

时间: 2024-10-29 05:16:08

Jquery and Javascript Notes的相关文章

jQuery和javascript的区别

      jQuery接近了尾声,加上一篇总结性的博客,这样就完美了嘛.      来说说jQuery,写的更少,做的更多,核心理念.大家都说"有了jQuery,天天喝茶水",这也算是站在巨人的肩膀上了吧 .就从一开始的B/S项目开始吧.当时牛老师带着我们一起做<牛腩新闻发布系统>的时候就已经提到了,当时的我们也是盲人摸象,到了现在还是要和原先一起知识进行对比,进行总结一下吧.       首先来说说jQuery和javascript的区别吧,对比出效率,这一点也不差.首

JavaScript(14)jQuery(JavaScript 库)

JavaScript 框架(库) JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时.为了应对这些调整,许多的 JavaScript (helper) 库应运而生. 这些 JavaScript 库常被称为 JavaScript 框架. jQuery jQuery 是目前最受欢迎的 JavaScript 框架.它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象).jQuery 同时提供 companion UI(用户界面)和插件. jQue

【js与jquery】javascript中url编码与解码

本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数 编码/解码 escape / unescape, encodeURI / decodeURI, encodeURIComponent / decodeURIComponent. [js与jquery]javascript中url编码与解码,布布扣,bubuko.com

jquery js javascript select 无限级 插件 优化foxidea版

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

JQuery笔记:JQuery和JavaScript的联系与区别

来源:http://www.ido321.com/1019.html ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰.目前只记录LZ能力范围内的,日后持续补充. 一.JQuery对象和DOM对象的相互转化(<锋利的JQuery>) JQuery转化为DOM: 1.var jq = $('#selector');   var dom = jq[index]; 2.var jq1 = $('#selector1');  var dom1 = jq1.get(index) 或者 var d

对比JQuery与JavaScript

JavaScript 是一种脚本语言,主要用在浏览器中,实现对网页的文档对象的操作和一些用户交互动作的处理.而 jQuery 则是 JavaScript 的一个代码库(或习惯性叫类库),它将一些在 JavaScript 开发中经常用到的功能集合起来,提供了简便的函数接口,简化了JS的操作,同时可在不同浏览器间实现一致的效果.是当前最流行的 JavaScript 库之一.关于程序语言和代码库之间的联系,打个比方,程序语言是原料,代码库则是用原料做成的半成品,而你的程序项目则是成品.你可以选择直接用

JavaScript Notes

JavaScript Notes 了解 区分大小写.变量是弱类型.行结尾加分号.括号表明代码块 注释:单行// 块注释 /* 特殊字符: +特殊字符 常量/变量 没有常量概念,通常在代码中给定值 var a = 3.1415926:var b = "hello": 变量-保存程序中的临时值,可被后面的脚本使用,弱类型 同时声明多个变量(不建议) 变量命名 以字母.下划线或美元符开头 余下字符可以是下划线.美元符或任何字母数字 最长255字符 不能有空格.大小写敏感 不能使用JavaSc

jquery和javascript的区别(转载自脚本之家)

jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单,为了说明区别,下面与大家分享下JavaScript 与JQuery 常用方法比较 jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单.人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能.Javascript 与JQuery 常用方法比较 1.加载DOM区别 Javascript: window.onload function firs

节点插入--对比jQuery和JavaScript方法(一)

二.插入元素: 1 <div> 2 <p>面朝大海,春暖花开</p> 3 </div> (一).jQuery方法 1.在节点内部插入: 方法 说明 append() 向每个匹配的元素内部追加内容 appendTo() 把所有的元素追加到另一个指定的元素集合中,实际上是颠倒了append()的用法.如$(A).append(B)与$(B).appendto(A)是等价的 prepend() 向每个匹配的元素内部前置内容 prependTo() 把所有匹配的元素