jqueryui draggable

在jQuery中，波浪号（~）是一个特殊符号，用于表示字符串的开始或结束，它通常与正则表达式一起使用，用于执行模糊匹配或者搜索包含某个特定模式的字符串。

要在jQuery中使用波浪号，你需要了解以下几个关键点：

1、正则表达式：波浪号在正则表达式中表示字符串的开始或结束，它可以用于限制搜索的范围，确保只匹配以某个特定模式开始或结束的字符串。

2、选择器：jQuery提供了强大的选择器功能，可以使用各种方式来选取页面上的元素，如果你想使用包含波浪号的选择器，可以使用属性选择器（如[attr^="value"]）来选取属性值以某个特定值开始的元素。

下面是一个示例，演示如何在jQuery中使用波浪号进行模糊匹配和选择元素：

// 使用波浪号进行模糊匹配
var pattern = /^Hello/; // 匹配以"Hello"开头的字符串
var result = pattern.test("Hello, World!"); // 返回true
// 使用波浪号选择元素
$("[class^='start']").css("color", "red"); // 选取class属性值以"start"开头的元素，并将其颜色设置为红色

在上面的示例中，我们首先创建了一个正则表达式对象pattern，其中使用了波浪号来表示字符串的开始，我们使用test方法来检查一个字符串是否与该模式匹配，在这个例子中，字符串"Hello, World!"以"Hello"开头，因此结果为true。

接下来，我们使用jQuery选择器来选取所有class属性值以"start"开头的元素，并使用css方法将其颜色设置为红色，这将使得所有具有类似"startsomething"这样的class属性的元素变为红色。

需要注意的是，在使用波浪号时，需要根据具体的语境和需求来确定其含义和用法，在正则表达式中，波浪号表示字符串的开始或结束；而在选择器中，它用于表示属性值的开始。

除了上述示例之外，还有其他一些使用波浪号的方式，

$(selector:first)：选取匹配选择器的第一个元素。

$(selector:last)：选取匹配选择器的最后一个元素。

$(selector:even)、$(selector:odd)：选取匹配选择器的偶数或奇数索引的元素。

$('a[href^="http://"]')：选取所有链接的href属性值以"http://"开头的<a>元素。

波浪号在jQuery中有多种用途，具体取决于上下文和使用方式，通过熟练掌握正则表达式和选择器的使用，你可以更加灵活地应用波浪号来实现各种功能和效果。