jQuery 函数val()获得换行字节数的差异

Posted by admin on 2010年08月12日 0 comments

设计数据库时varchar(xx)需要定制字段的长度，所以在限制客户端输入文本内容时就涉及到计算用户输入内容的多少问题。

用为使用jQuery配合.net写了一个验证控件，客户端获得文本TextBox值时肯定是$(“#TextBox”).val()，提交后经过服务器端代码验证没通过，老是觉得奇怪，以为是压缩了JS脚本导致JS计算文本长度有异常，今天有时间就逐个拆开调试，发现问题在于jQuery的val()，这回奇怪了，使用document.getElementById(‘TextBox’).value获得值换行占2个字符，而$(“#TextBox”).val()是1个字符，网上GOOGLE一番，得到的结果是：

windows下换行是：\r\n
linux下是：\n

看来jQuery使用的是linux方式获取值，我没细去查jQuery获得值的算法，因为不可能修改jQuery库，劳民伤财影响后期升级，所以使用windows的朋友使用jQuery设计客户端代码判断文本长度时多留意，以免和我一样出现这样的问题。

JQuery获取和设置Select选项方法

Posted by admin on 2010年06月8日 0 comments

JQuery获取和设置Select选项

获取Select ：

获取select 选中的 text :

$(“#ddlRegType”).find(“option:selected”).text();

获取select选中的 value:

$(“#ddlRegType “).val();

获取select选中的索引:

$(“#ddlRegType “).get(0).selectedIndex;

设置select:

设置select 选中的索引：

$(“#ddlRegType “).get(0).selectedIndex=index;//index为索引值

设置select 选中的value：

$(“#ddlRegType “).attr(“value”,”Normal“);

$(“#ddlRegType “).val(“Normal”);

$(“#ddlRegType “).get(0).value = value;

设置select 选中的text:

var count=$(“#ddlRegType option”).length;

for(var i=0;i<count;i++)
{           if($(“#ddlRegType “).get(0).options[i].text == text)
{
$(“#ddlRegType “).get(0).options[i].selected = true;

break;
}
}

清空 Select:

$(“#ddlRegType “).empty(); (全文…)

jQuery 实现自动增长的文本输入框

Posted by admin on 2010年04月2日 0 comments

昨天在与业务人员沟通时，遇到这样一种需求：文本输入框内的字数不能确定，而input type=”text”的size是固定的，当字数超过size时（默认是20），先输入的内容就会从文本框的左端隐藏起来，不便于输入。

为了提高用户体验，我在午休时候想起了是不是可以用jQuery写个插件。想到不如做到，果然，我实现了这个功能。在写这个插件时我潜意识里想到这样的插 件网上应该有人写过，不过我并没有去搜索，你有兴趣可以找一找。下面是插件的源代码。

(全文…)

jQuery学习及应用 —jQuery 核心函数以及 jQuery 对象

Posted by admin on 2010年03月23日 0 comments

一、jQuery 核心函数

首先介绍 jQuery 的几个核心函数，在 jQuery 中它们起着至关重要的作用，在实际的前端开发过程中用到最多的也是它们。

1、jQuery(elements)

将一个或多个DOM元素转化为jQuery对象。

这个函数也可以接收XML文档和Window对象（虽然它们不是DOM元素）作为有效的参数。

返回值：jQuery 对象

参数

elements:　　用于封装成 jQuery 对象的 DOM 元素

// 将当前页面的背景色设为黑色
jQuery(document.body).css( "background-color", "black" );

(全文…)

PyQuery: 一个类似jQuery的Python库

Posted by admin on 2010年03月16日 0 comments

PyQuery是一个类似于jQuery的Python库，也可以说是jQuery在Python上的实现。pyQuery是使用lxml来实现快 速的xml和html操作的。具体的PyQuery文档见：http://pyquery.org/

用这个来做蜘蛛爬数据的时候分析html并从中提取数据还是很爽的。

废话不多说，直接看一点简单的例子吧：

>>> from pyquery import PyQuery as pq
>>> d = pq("<html></html>") #可以直接拼HTML
>>> d = pq(url='http://www.powereasy.net/') #也可以打开一个url
>>> d('title') #取title元素
[<title>]
>>> print d('title').text()
动易网络 - 领先的内容管理系统(CMS)、企业级电子商务平台（B2C）和站群管理系统（SiteGroup）提供商

>>> print d("#logo").html() #根据ID获取元素
<a href="http://www.powereasy.net" title="&#x52A8;&#x6613;&#x7F51;&#x7EDC;">官方主站</a>

>>> d('.s') #根据类名获取元素
[<li.s>, <li.s>, <li.s>, <li.s>, <li.s>, <li.s>, <li.s>, <li.s>]

>>> a = d('#topNavIn li:eq(5)').find('a') #复杂点的选择器也是可以的，看来支持的不错
>>> a.attr('href') #属性操作
'http://sms.powereasy.net/'
>>> a.attr('href', 'http://qleelulu.cnblogs.com').attr('href') #修改属性值
'http://qleelulu.cnblogs.com'

>>> d('#LoginFrom').hasClass('Login_ajax') #css类操作
True
>>> d('#LoginFrom').addClass('lulu').attr('class') #css类操作
'lulu Login_ajax'
>>>

就写这么多吧。更多的功能还是等你慢慢发掘去~~~~

jquery 实现checkbox全选、取消全选

Posted by admin on 2010年03月5日 0 comments

<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_1″ />1<br />

<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />

<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />

<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />

<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选

  1. <script type=”text/javascript”><!–
  2. $(function() {
  3. $(“#checkedAll”).click(function() {
  4. if ($(this).attr(“checked”) == true) { // 全选
  5. $(“input[@name='checkbox_name[]‘]”).each(function() {
  6. $(this).attr(“checked”, true);
  7. });
  8. } else { // 取消全选
  9. $(“input[@name='checkbox_name[]‘]”).each(function() {
  10. $(this).attr(“checked”, false);
  11. });
  12. }
  13. });
  14. });
  15. // –></script>
  16. (全文…)

jQuery 1.4官方文档中文版发布

Posted by admin on 2010年01月20日 0 comments

jQuery 1.4 发布啦

为了庆祝jQuery的四周岁生日, jQuery的团队荣幸的发布了jQuery Javascript库的最新主要版本! 这个版本包含了大量的编程，测试，和记录文档的工作，我们为此感到很骄傲。

我要以个人的名义感谢 Brandon Aaron, Ben Alman, Louis-Rémi Babe, Ariel Flesler, Paul Irish, Robert Kati?, Yehuda Katz, Dave Methvin, Justin Meyer, Karl Swedberg, and Aaron Quint。谢谢他们在修复BUG和完成这次发布上所做的工作。 (全文…)

个人JQuery学习笔记—Sortable,表格拖动排序

Posted by admin on 2009年11月9日 0 comments

使用Jqery实现类似igoogle的功能是很方便的。使用sortable方式实现。其中有一些参数很重要：

appendTo: ‘parent’ 覆盖于父子节，防止鼠标拖拽时被遮挡

axis: false 仅限制于X/Y轴移动

cancel: ‘:input,button’ 当拖拽匹配元素时，阻止拖拽

connectWith: false 允许此 sortable 拖拽至其他 sortable (全文…)

jQuery—blockUI-V2翻译

Posted by admin on 2009年11月6日 0 comments

The jQuery BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作。
当它被激活时，它会阻止使用者与页面（或页面的一部分）进行交互，直至它被取消。
BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的外观和行为。

中文翻译：

http://www.cssrain.cn/demo/blockUI-V2/jQuery/blockUI/jQueryBlockUI.html

下载：

http://www.cssrain.cn/demo/blockUI-V2/blockUI-V2.rar

Jquery drop and drag Sortable在Ie 6 ie7 下不兼容的解决办法

Posted by admin on 2009年11月2日 0 comments

使用Jquery的drop and drag方面的插件是，在Firefox 和chrome、IE8下都非常正常，但是在IE6 IE7下，一拖动，就会很乱，出现了对象拖动不准确的现象，查了下资料，发现时因为IE里的事件冒泡在作怪。

解决办法：
(全文…)