本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解::contains(text),:empty,:has(selector),:parent,:hidden,:visible的用法。 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 由于是第一次写技术性系列文章,难免会出错或代码BUG,欢迎指出,在此谢过! 您可以到jQuery官网来学习更多的有关jQuery知识。 jQuery-Selectors-4 .div { width...
这个是网页版,直接用ctrl+F搜索,如果大家不是经常上网,可以用chm版的更方便些。jQuery 1.3 API 参考手册 CHM锋利的jquery 电子书 近期脚本之家将会将一些jquery学习教程逐步发一些。参考了锋利的jquery一书。$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): $("标签名"),如$("p...
1. FarbtasticFarbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。 2. Color Picker Control (演示地址)Yahoo! UI Library中的颜色选择器。 3. jQuery Color Picker一个简单的颜色选择控件。操作方式与Adobe photoshop中颜色选择操作置。 4. iColorPickeriColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为 5. dh...
如果你还没有准备好,请先阅读上一篇《Mootools 1.2教程(1)——MooTools介绍》。我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本。 今天开始本系列教程的第2讲。在这一讲中,我们会学习几种选择HTML元素的方法。在许多方面,这是MooTools用得最多最基本的。毕竟,要创建一个基于HTML元素的交互性用户体验,你必须首先把它们掌握在手中。 基本的方法 $(); $函数是MooTools中基本的选择器。你可以通过它来根据一个I...
个人觉得好友选择器是一个比较复杂的组件,涉及到前端和后端的整合。在这里我主要是介绍端段如何实现,后端的数据,我用了几个简单的ASP页面来提供。 1.代码风格 我的组件是作为一个Jquery 的插件来做的。把整个组件做为一个类来处理。这样也方便在一个页面上多个好友选择器共存而不相互影响。 所有需要写的参数都在最下面的giant.ui.friendsuggest.defaults 中给了默认值。在未传入参数时,会调用默认值。另外,...
代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>颜色选择器</title> <style type="text/css"> body{ text-align:center; } </style> </head> <body> <p> <script type="text/javascript" languag...
最简单的,在body区域加入: 代码如下:<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0" height="0"></OBJECT> 调用的JS: 代码如下:<script type="text/javascript"> var tempColor = "0099cc"; function picColor(){ var Hcolor = document.getElementById("dlgHelper").ChooseColorDlg(tempColor).toString(16); //with(event.srcElement){ //value = ((Hcolor.length<6)?"000000".su...
1.从$开始 对于熟悉prototype的朋友,$符号应该很熟悉, prototype: var element = $('eleId') jquery: var element = $('#eleId') DOM: var element = document.getElementById('eleId') 以上三种选择方式是等价的,相比prototype来说jquery多了个#号 例: $('#j1′).html() <div id=“j1“>Hello, jQuery!</content> 2.通过xpath+css来获取你想要的… 1). 在这段例子中我们需要用到的HTML代码 <div class=”contentToChang...
宝儿的zQuery库选择器简单原型 宝儿的zQuery库选择器简单原型 var zQuery=function(ele,tagName,className){ if(!arr){var arr=new Array()} var elem=typeof(ele)=="object"?ele:document.getElementById(ele); if(!tagName){ return elem; }else{ if(elem.constructor!=Array){ var tags=elem.all&&!window.opera?tagName=="*"?elem.all:elem.all.tags(tagName):elem.getElementsByTagName(tagName); if(!classN...
仿google adsense颜色选择器代码css代码 代码如下:<style type="text/css"> BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #02418a; PADDING-TOP: 0px; FONT-FAMILY: Arial } FORM { MARGIN: 0px } INPUT { MARGIN: 0px } TABLE { FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 170%; FONT-FAMILY: Arial }...
var languageCode = 'en'; // Possible values: en,ge,no,nl,es,pt-br,fr // en = english, ge = german, no = norwegian,nl = dutch, es = spanish, pt-br = portuguese, fr = french, da = danish, hu = hungarian(Use UTF-8 doctype for hungarian) var calendar_display_time = true; // Format of current day at the bottom of the calendar // [todayString] = the value of todayS...
dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散、嵌套在 js 中的修改样式的代码剥离出来。比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化而触发一些效果,原本你要写 js 去绑定滚动事件,然后计算偏移量,然后更新元素 css,使用 dynamic-css,你只要根据语法去写好 css 表达式就可以了。对于一些原本需要复杂的 js 判断的动态 css,用 dynamic css 表达式几行代码搞定。 举...
我们知道,在CSS3中除了引入动画和滤镜等特效还有新的布局技术以外还有在选择器的方面也有增强,以前在JS才能完成的工作现在通过CSS的技术也可以实现完成,接下来就给大家介绍一下强大的CSS3属性选择器根据元素的属性(attributes)来匹配。这可以是一个单独的属性,比如[type],或者可以是一个属性和取值的组合,比如[type=checkbox] 或[for="email"]。我们也可以用属性选择器来匹配属性存在与否以及子字符串。例如,我们可以在空...
day02 jQuery?jQuery与js的转换 链式编程?jQuery:?CSS?选择器?筛选?属性?效果?核心? ? 一.jQuery对象和js对象的相互转换 ? ? 1.jQuery转成js:?去掉$() ?? ?? ? 方式一:?$('li')[0]?? ??? ?? ? ?? ??? ??? ??? ??? ??? ??? ?? ? //直接加下标 ?? ?? ? 方式二:?$('li').get(0)?? ?? ? ?? ??? ??? ??? ??? ??? ??? ?? ? //使用jQuery对象的get()方法 ? ? 2.js转成jQuery:?加$() ?? ??? ?var item = document.getElementsByTagName('li...
我正在尝试在vaadin-date-picker中禁用所有月份的所有日期.浏览代码时,我发现可以通过在vaadin-month-calendar.html#L75中设置disable来单独禁用日期.在这种情况下,禁用日期会由于vaadin-month-calendar-styles.html#L119而变浅,并且无法再选择禁用日期. 同样,我做了以下工作,<div id="days" part="days" disabled><template is="dom-repeat" items="[[_days]]"><div part="date" today$="[[_isToday(item)]]" selected$="[[_dateE...