jQuery base

1 $() vs $

$("someSelector") returns a array. This is defiend in jQuery.prototype.

$.methodName is a method defined in jQuery...

2

methods below will stop the jQuery to manipulate the DOM until the document
or window is ready...

the differences between them is, document just considerate the DOM, and
window will considerate the whole page, this means until the waiting circle
stops~

$(document).ready( // here comes lots of functions);

$(window).ready( // here comes lots of functions);

3 Conflicts

var $j = jQuery.noConflict();

will make the $("...") the same as $j("...") in order to avoid
conflicts from other liberaries also with an alias
$...

4 Attribute

setter

$("selecteor").attr("someAttribute", someObject);

getter

$("selecteor").attr("someAttribute");

$( "a" ).attr( "href" ); // Returns
the href for the first a element in the document

5 Prseudo-selector

When using
the :visible and :hidden pseudo-selectors,
jQuery tests the actual visibility of the element, not its
CSS visibility or display properties.

jQuery looks to see if the element‘s physical height and width on the
page are both greater than zero.

6 manipulating the DOM elements

.insertAfter() 
VS .after().

.insertBefore() VS .before()

.appendTo() VS .append()

.prependTo() VS .prepend()

.remove() the selected elements will removed from the page, do returns
something, but they are barely useless.

.detach() the selected elements will removed from the page,
and this method will return something useful...

.empty() this method is used to the parent element in order to
remove the children nodes~

7 create new elements

a : $("<p>This is a P</p>");

b :

$( "<a/>",
{

  html: "This is a
<strong>new</strong> link",

  "class": "new",
// Property names generally do not need to be quoted unless they
are reserved
words
 (as class is in this
case).

  href: "foo.html"

  }

);

8 manipulating attributes

a : single $( "#myDiv
a:first" ).attr( "href",
"newDestination.html" );

b : multiple

$( "#myDiv a:first"
).attr({

    href: "newDestination.html",

    rel: "nofollow"

  }

);

jQuery base

时间: 2024-10-07 09:56:46

jQuery base的相关文章

Servlet--超链接,表单提交,重定向,转发4种情况的路径

实际编码中我们常常写路径,写路径既能够写相对路径,也能够写绝对路径.我2年曾经我就养成了习惯.仅仅要是写路径我从来都是写绝对路径,由于万一将来我们的项目的文件夹发生变化.原来要是写相对路径的话就会有路径依赖关系.改的地方太多了.并且相对路径在某些情况下还有点特殊,有的是相对于原来的请求的文件夹,有的是相对于整个web应用,所以我强烈建议大家以后写路径统一用绝对路径(以"/"开头)来写,"/"表示网站的根路径. 写路径的情况无非以下4种情况,这里做一个整理. 1,超链

seajs模块路径解析 简单总结

seajs模块路径解析 最近在试着用seajs + grunt改造现有项目, 遇到的最大的问题就是seajs命名与调用, 简单总结一下. 模块调用 seajs中调用模块有两种方式,seajs.use(ID) . require(ID). ID命名 完整绝对路径 例如 "http://example.com/test/js/jquery/jquery.js" 以 "." 开头 例如 "./home/main" "../main"

RequireJS简单实用说明

OM前端框架说明 om前端框架采用RequireJS,RequireJS  是一个JavaScript模块加载器.它非常适合在浏览器中使用, 它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量. RequireJS 的使用 首先在index.html中引用RequireJs, <script src="js/lib/require.js" data-main="js

requirejs 多页面,多入口js文件打包总结

需要明确以下几点: 1.本地前端调试代码肯定是调用原始的路径以及代码,但是线上运行的肯定是通过打包后的另一个路径,这儿就是生成的dist文件夹了. 2.requirejs的引入,线上跟线下的路径怎么控制?我们是这样控制的,代码如下: <script src="${resource}/js/base/require.js" data-main="${resource}/js/accountMain"></script> 这个${resource

解决jquery库和base库的冲突

jquery库引用在base库之前,$的所有权就是base库的:而jquery库引用在base库之前后的话,$的所有权就是jquery库的.解决这种库之间的冲突可用以下方法解决: 情况一,jquery库引用在base库之前 比如: //var $$ = jQuery; $(funtion(){       //jquery库引用在base库之前,$的所有权就是base库的 alert($("#box").ge(0)); //ge()方法属于base而不属于jquery alert(jQ

JQuery UI中的Tabs与base元素摩擦的BUG

JQuery UI中的Tabs与base元素冲突的BUG 以前一直使用jquery-ui-1.8,最近打算试一下目前最新的版本1.11.但对于Tabs,页面是乱的,怎么也不正常.折腾了好几个小时,最后发现页面中使用的base元素,对Tabs有破坏性的影响. 没有想清楚具体的原因,先记下来再说吧. 到了晚上,又想起这个问题.这个问题实在讨厌,我的系统中所有页面中都使用了base元素,不解决这个冲突实在是不爽.经过几个小时的跟踪调试,终于发现的问题所在: 新版本的jquery UI中,Tabs的代码

Two jQuery grid plugin base on bootstrap

MIT Licensehttp://jquery-bootgrid.com/ http://www.pontikis.net/labs/bs_grid/

jQuery实现页面内锚点平滑跳转

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=

jQuery可拖拽3D万花筒旋转特效

jQuery可拖拽3D万花筒旋转特效 这是一个使用了CSS3立体效果的强大特效,本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时,环形图片墙可以跟随鼠标进行3D旋转动画. 效果体验:http://hovertree.com/texiao/jquery/92/ 进去后可以上下左右的拖动图片. 本示例中使用到了CSS3的transform-style 属性,该规定如何在 3D 空间中呈现被嵌套的元素. 默认值: flat继承性: no版本: CSS3JavaScript