关于jquery方面的知识点

jquery向上查找父元素 用到的方法:closest() parents() parent()

closest() 方法获得匹配选择器的第一个祖先元素 [*]parent()函数是只往父级找一层;[*]parents()函数是往父级找多层,一直找到body标签。

向下查找子元素 用到的方法:find() children()

通过children获取的是该元素的下级元素,而通过find获取的是该元素的下级所有元素。

获得元素相对于选择器的 index 位置。

该元素可以通过 DOM 元素或 jQuery 选择器来指定。$(selector).index(element)

获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值

window.onload=function()
{
var oDiv=document.getElementByIdx_x(‘box‘);
//alert(oDiv.innerHTML) //返回 p标签,与p标签里面的内容
//alert(oDiv.outerHTML); //完全显示,div与p 标签和p标签里面的内容
//alert(oDiv.innerText); //只返回p标签里面的文本内容
alert(oDiv.outerText) //只返回p标签里面的文本内容
}
<div id="box"><p>这是javascript文本内容</p></div>

设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记) $("#msg").html("<font color=red size=4>请输入授权码</font>").show();
val() - 设置或返回表单字段的值

添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素

Query toggleClass() 方法
下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作:
实例
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距padding、边框border或外边距margin)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

jQuery innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的宽度(包括内边距padding)。
innerHeight() 方法返回元素的高度(包括内边距)。

jQuery outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。

jQuery children() 方法
children() 方法返回被选元素的所有直接子元素。

jQuery next() 方法
next() 方法返回被选元素的下一个同胞元素。
该方法只返回一个元素。

jQuery nextAll() 方法
nextAll() 方法返回被选元素的所有跟随的同胞元素。

三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。
提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素:
实例
$(document).ready(function(){
$("p").not(".intro");
});

将jquery对象转换成dom对象
var $cr = $("#cr");
var cr = $cr[0];
dom 方法:cr.checked
jquery 方法:$cr.is(":checked")

var random = parseInt(Math.random()*(12-3+1) +3 )
$("section.main-page").each(function(index,value){
$(this).attr("id","page"+index);
})
var Id = $("section.main-page").attr("id");
if(random = Id){
$("#page+Id ").hide()
}

tar.index(arr[i]).find("li").

jquery.inarray(value,array)
确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。

时间: 2024-08-24 06:36:42

关于jquery方面的知识点的相关文章

重新解读jQuery的一些知识点

从今天开始,坚持每天写一篇学习记录,看看能坚持多久. 今天开始重新学习jQuery.对于web开发人员,jQuery基本众人皆知.但是百密必有一疏,总有一些知识点是平时没怎么注意的.最近我重新开始看<jQuery权威指南>,发现有一些挺实用的和一些容易混淆的知识点,记录备忘. 选择器 1.兄弟选择器是比较容易混淆的,pre + next 表示紧接在pre后的相邻的元素,可以用.next()来替代:pre ~ next 表示接在pre后的所有相邻的元素,可以用.nextAll()来替代:如果要选

重新复习jQuery的一些知识点(2)

今天来复习jQuery的DOM操作.jQuery中DOM的操作是很常见的,简单的创建一个元素,就直接在$()中写入需要创建的标签,如$("<div></div>")就是创建了一个空的div元素.对元素的属性进行操作,用的是attr()这个方法,可以对单个属性进行操作,也可以对多个属性进行操作,单个操作时传入的就是单个键值对,多个操作就传入多个键值对的对象,删除元素属性用removeAttr()方法. 操作元素内容的方法,有html()和text(),区别在于,前

关于JQuery的一些知识点

1.jQuery的入口函数 1.1 语法jQuery(document).read(function(){ }); $(function(){ });// ** window.onlaod = function(){} $ === jQuery // $是jQuery全局函数的别名. 1.2注意事项: (重点) document ready: 是html文档准备就绪,也就是dom树创建完成了.可以进行dom操作了.重要的是:html页面下载完成,并准备就绪window.onload: 是整个页面

jquery的常用知识点

一.用jquery寻找元素 1.选择器 基本选择器: $("*") $("#id") 用id匹配 $(".class") 用class名匹配 $("element") 用标签名匹配 $(".class,p,div") 组合匹配 层级选择器: $(".outer div") $(".outer>div") $(".outer+div") $(&

jquery学习总结1

本文仅针对jquery的部分知识点做总结,后续会有其他的学习心得分享.   window.onload $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完 编写个数 不能同时编写多个,以下代码无法正确执行:window.onload =function({alert("test1");}window.onload = function(){alert(&qu

jQuery总结

jQuery 零散的知识点 什么是jQuery jQuery是一个快速.简洁的JavaScript框架,是一个优秀的JavaScript代码库(或JavaScript框架). DOM对象与jQuery对象的互相转化 ① DOM对象转jQuery对象 jQuery对象 = $(DOM); ② jQuery对象转DOM对象 DOM对象 = jQuery对象[索引]; 或 DOM对象 = jQuery对象.get(索引); jQuery中的事件切换 hover(over,out) :鼠标悬浮与鼠标离开

利用jQuery实现,蒙板随鼠标滑入滑出

今天学习了jQuery的一些知识点,做了一个练习:实现蒙板随鼠标移动,从元素的四个方向滑入滑出.如图: jQuery知识点: 定位:获取相对于父元素的偏移量           position().left           position().top 获取元素相对于当前窗口的偏移量           offset().left           offset().top 步骤: 1.创建父元素.当前对象.蒙板 代码如下: <div class="wrap">  

小练习:用jQuery简单模拟百度搜索框的提示功能

今天第一次接触jQuery,用jQuery模拟了一下百度搜索的自动提示功能.连带jQuery的基本知识点,简单总结如下: 首先得在工程中导入插件:jquery-1.4.2.js ,并在html的head中引入该js: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html>

jQuery 基础学习笔记总结(一)

Jquery 学习笔记 总结 感想: 此前在做站点时用到过jquery相关,特别是Ajax相关技术.但是并没有系统的进行学习和了解Jquery的强大的功能,趁这几天跟着资料基本的了解下Jquery的特性和插件,感觉原来好多前端设计中感觉非常麻烦的东西.通过Jquery的函数和插件都非常easy的实现了而且效果极佳.这里仅仅是简单的介绍下Jquery有哪些知识点. 1.基础选择器 (1). $("button").attr("disabled","true&